I am looking into having mouse-over explanations for users to eliminate the need of using screen space for detailed explanations.
For this I’m using a wrapper that automatically extracts descriptions from the dcc components, for example the placeholder from the dropdown using:
def add_explanation(obj, text=""): """ add hover-explanation on mouse-over for objects, automatic for dropdowns """ if (not text): try: title = obj.placeholder except: title = "??" return html.Abbr(obj, title=title) add_explanation( dcc.Dropdown( placeholder="Select your desired elements", id="sample_element", options=['a','b','c'] ) )
EDIT: restarting server and browser solved it. still unsure why it arose, but probably not a fault of Dash’s
OLD: However, I get some very unexpected behavior as shown below, where the mouse position, over-shadow, and hover-text are at 3 very different places. Any ideas why this occurs?