Open Xovee opened 2 years ago
Just to note, zoom
is a non-standard CSS property, so fixing bokeh's behavior under it isn't a priority. However, bokeh's behavior is broken under transform
as well, and that definitely needs fixing (transform: scale(...)
is a rough equivalent of zoom
).
Just to note,
zoom
is a non-standard CSS property, so fixing bokeh's behavior under it isn't a priority. However, bokeh's behavior is broken undertransform
as well, and that definitely needs fixing (transform: scale(...)
is a rough equivalent ofzoom
).
Thanks for remind. Seems I need to adopt another approach for responsive design. The bokeh's glyphs and text sizes in high-resolution screen (e.g., 4k) is too small.
Software versions
Python version : 3.9.7 (default, Sep 16 2021, 16:59:28) [MSC v.1916 64 bit (AMD64)] IPython version : 7.29.0 Tornado version : 6.1 Bokeh version : 2.4.3 BokehJS static path : C:\ProgramData\Anaconda3\lib\site-packages\bokeh\server\static node.js version : v16.14.2 npm version : 8.5.0 Operating system : Windows-10-10.0.22000-SP0
Browser name and version
Chrome 104.0.5112.81
Jupyter notebook / Jupyter Lab version
No response
Expected behavior
The tooltips' postions are correct when I hover on glyphs, if the following css rule is applied and is taking effect:
Observed behavior
When the above css rule (zoom) is taking effect, i.e., if I use a high-resolution screen (>2000px) or zoom out the page with the browser, the ploy is showing correct, but when I hover on glyphs, no tooltips are showing. And when I hover on some other random postions, some tooltips are showing.
You can reproduce this by visiting the following page: https://xovee.cn
Also I provide a example code below, you can see that I add a css rule in the begining.
Example code
Stack traceback or browser console output
No response
Screenshots
No response