Y-axis labels of HoloViews plot in Fast Template does not position them selfes well

[MarcSkovMadsen]

I'm on the current master branch of Panel (pre 0.12 release)

import panel as pn
import pandas as pd
import holoviews as hv

pn.extension(sizing_mode="stretch_width")
hv.extension("bokeh")

ACCENT_COLOR = "#FDAC53"
data = pd.DataFrame(
    {
        "x": [1,2,3,4],
        "y": ["A"*10, "B"*4, "C"*6, "D"*3]
    }
)
plot = hv.Points(data).opts(color=ACCENT_COLOR, marker="o", size=25)
plot_panel = pn.pane.HoloViews(plot)

template=pn.template.FastListTemplate(
    title="Fast HoloViews",
    main=[plot_panel],
    header_background=ACCENT_COLOR,
    header_accent_base_color="white",
    accent_base_color=ACCENT_COLOR,
)
template.servable()

Additional Context

Changing the template to pn.template.VanillaTemplate fixes the problem

[MarcSkovMadsen]

Cause/ Workaround

By removing a line from the the Panel file theme.py I can work around the problem.

A few questions for you @philippjfr

• Is this a bug in Bokeh? Can Bokeh not place the axis labels correctly if the font-size is changed? Should this be filed as a bug with Bokeh?
• Is there a better workaround that can make this work without going back to very small font sizes?

[philippjfr]

Is this a bug in Bokeh? Can Bokeh not place the axis labels correctly if the font-size is changed? Should this be filed as a bug with Bokeh?

@mattpap Does bokeh not like relative sizes like em?

[mattpap]

Possibly this is related to bokeh/bokeh#11110, though there were other regressions to text rendering in 2.3.x. What version of bokehjs is being used and what's the content of JS console?

[MarcSkovMadsen]

Thanks @mattpap.

bokeh py

console

bokeh js

[mattpap]

This is definitively bokeh/bokeh#11110 and it will be fixed 2.3.3.

[MarcSkovMadsen]

Thanks @mattpap

FYI @philippjfr. I wanted to create a fix to temporarily workaround this problem. Unfortunately I pushed it directly to master. It's here 630a71c. I don't believe it will cause any problems. Please check it out and let me know. Thanks. I also added back tick marks and grid line. I've been thinking about doing it for a long time. I believe its needed.

import panel as pn
import pandas as pd
import holoviews as hv

pn.extension(sizing_mode="stretch_width")
hv.extension("bokeh")

ACCENT_COLOR = "#FDAC53"
data = pd.DataFrame(
    {
        "x": [1,2,3,4],
        "y": ["A"*10, "B"*4, "C"*6, "D"*3]
    }
)
plot = hv.Points(data).opts(color=ACCENT_COLOR, marker="o", size=25, show_grid=True)
plot_panel = pn.pane.HoloViews(plot)

template=pn.template.FastListTemplate(
    title="Fast HoloViews",
    main=[plot_panel],
    header_background=ACCENT_COLOR,
    header_accent_base_color="white",
    accent_base_color=ACCENT_COLOR,
)
template.servable()

[philippjfr]

Resolve in bokeh, closing.