RedHat-UX / red-hat-design-system

Red Hat's Design System
https://ux.redhat.com
MIT License
98 stars 19 forks source link

[bug] `<rh-code-block>` tabs invisible in Safari #1993

Open adamjohnson opened 2 weeks ago

adamjohnson commented 2 weeks ago

Describe the bug

When viewing a <rh-code-block> with HTML/CSS/JS tabs in Safari, the tabs are invisible.

Screenshots

Screenshot of a code block in safari with invisible HTML/CSS/JS tabs

Steps to reproduce

  1. Visit any of the following pages in Safari:
  2. Observe a code block with hidden tabs.
    • The tabs are clickable and "there" but not visible to sighted users.

Expected behaviour

The tabs in code block should be visible in Safari.

Element HTML

No response

Operating System (OS)

macOS

Browser

Safari

Additional browser or assistive technology info

Don't have iOS Safari to test, but it'd be good to check this bug out there too.

bennypowers commented 3 days ago

i think there's something in rh-tabs which is blowing webkit up - epiphany crashes on any page that has an rh-tabs