Description of the issue: Unable to see content on websites or browser <input>
or <textarea>
or <video>
or <a>
that has a border-radius.
There may be more variables to the problem. Turning off Brave shields and disabling all my installed Brave browser extensions did not help.
How can this issue be reproduced?
GitHub Website - Pull Request:
- Have a GitHub account.
- Create or edit a Pull Request.
- Type text into the description field.
GitHub Website - Video Render:
- Visit a Pull Request with an uploaded video (e.g. https://github.com/shadcn/ui/issues/339).
- The video and controls are not visible.
GitHub Website - Releases Toggle Button (when active):
- Visit a GitHub releases page (https://github.com/TACC/Core-CMS/releases).
- The “Releases” button text is not visible.
Brave Website - Help Center Search:
- Visit Brave Help Center (https://support.brave.com/hc/en-us).
- Type into the search bar.
Brave UI - Address Bar:
- Open a new or existing tab.
- Type into the address bar.
Expected result:
Field text is visible and easy to read. / Video and controls are visible. / Button text is visible.
Workaround result:
- A. FOR INPUT/TEXTAREA: Select all text. Copy to external text editor. Edit. Remove text form field. Paste in new text.
- B. FOR BUTTON: Select button text. (Right click can do this quickly.)
-
C. FOR ANY ELEMENT: Use Dev Tools to inspect elements. Find the problem element. Remove all
border-radius
css rules. - D. FOR BROWSER UI: No known workaround.
Brave Version( check About Brave
):
Version 1.52.122 Chromium: 114.0.5735.110 (Official Build) (arm64)
Additional Information:
Videos of all reproductions are available at https://github.com/wesleyboar/public-media-bucket/issues/1.