Problem

I have a basic Dash app with a hyperlink that should change colour when hovered over. However, this doesn't happen, until I manually change the colour in my browser devtools: see this video.

MWE

Consider following folder structure:

folder/
  ├─ dash-app.py
  └─ assets/
      └─ style.css

With files as following:

dash-app.py:


import dash
import dash_html_components as html

from os import path as os_path

Configuring the app

app = dash.Dash( name, url_base_pathname= '/', assets_url_path= '/assets/', assets_folder= os_path.join(os_path.dirname(os_path.abspath(file)), 'assets/') ) app.layout = html.Main( [ html.P( [ ''' Morbi vitae nibh vel ex commodo tempus quis sit amet libero. ''', html.A( 'This is an inline hyperlink.', href='/', ), ''' And some more text after it. ''', ] ), ] )

if name == 'main': app.config.update({ 'routes_pathname_prefix': '/', 'requests_pathname_prefix': '/', }) app.run_server( debug=True, )

- **`style.css`**:

a { text-decoration: underline; color: inherit; } a:hover, a:active { color: #f00; }



You can see the demo of my problem on [this video](https://streamable.com/v6lbk). I'm using Firefox Developer Edition v.65.0b5 (64-bit).

plotly / dash-html-components

Bug when hovering html.A #87

Problem

MWE

Configuring the app