Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Hover color should overwrite colored textΒ #8767

@jrieke

Description

@jrieke

Checklist

  • I have searched the existing issues for similar issues.
  • I added a very descriptive title to this issue.
  • I have provided sufficient information below to help reproduce this issue.

Summary

When hovering over certain elements (e.g. st.button or st.popover or st.expander), their label text turns red/the primary color. If the label contains colored text (e.g. the blue bar below), that text keeps its color when hovered, but it should also turn red.

CleanShot.2024-05-24.at.18.03.59.mp4

Reproducible Code Example

Open in Streamlit Cloud

import streamlit as st

st.button("Foo :blue[bar] baz")

Steps To Reproduce

Run code above, hover over button (or just go here πŸ˜‰ )

Expected Behavior

bar turns red on hover.

Current Behavior

bar stays blue on hover.

Is this a regression?

  • Yes, this used to work in a previous version.

Debug info

  • Streamlit version: 1.35
  • Python version:
  • Operating System:
  • Browser:

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:elementsRelated to Streamlit elementsfeature:markdownRelated to Markdown renderingpriority:P3Medium prioritystatus:confirmedBug has been confirmed by the Streamlit teamtype:bugSomething isn't working as expected

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions