Div model layout differences between bokeh 2.2.3 and 2.3.1

Community Support
1

On upgrading from bokeh 2.2.3 to bokeh 2.3.1, layouts of my apps are visually different; inspection of JavaScript console information points to changes in the Div elements as the cause.

Here’s a standalone minimal reproducible example to highlight the issue, where it seems that width and height properties of the Div model are no longer honored when rendered.

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
"""

from bokeh.models import Div
from bokeh.io import show

_text = """
    <div>
        <span style="font-weight: bold; color: #1F77B4; font-size: 100%">
        Sampling Period
        </span>
    </div>"""
_div = Div(text=_text, width=500, height=50, margin=(5,5,5,5), background='#EFEFEF')

show(_div)

The browser output with the Div elements properties shown in the console for bokeh 2.2.3 …

Screen Shot 2021-04-11 at 10.35.12 AM
Screen Shot 2021-04-11 at 10.35.12 AM2878×928 264 KB

The browser output with the Div elements properties shown in the console for bokeh 2.3.1 …

Screen Shot 2021-04-11 at 10.35.38 AM
Screen Shot 2021-04-11 at 10.35.38 AM2884×926 271 KB

2

cc @mateusz

3

I was hoping that adding sizing_mode="fixed" would give the desired behavior (note setting width and height without setting a fixed sizing policy is just a suggestion to the layout), but it doesn’t work either. Please report an issue.

4

Thanks.

GitHub issue created.