Safari rendering bug causes upward offset of tool shelf color picker #1687
Labels
Bug
Something isn't working
Dependencies
Pull requests that update a dependency file
Help Wanted
Extra attention is needed
Web
Involves web programming (TypeScript, Vue, CSS)
There is a Safari bug affecting our color picker popover for the tool shelf's working colors input. It causes Safari to render the popover by about a 130px upward offset. However, the click targets and devtools hover highlight visualizations for the elements in this popover do show up in the correct location, so this only affects how Safari paints the content.
capture_11_.mp4
.tools
container will visibly shrink the shelf back to a width of 1 column, but doesn't stop the issue from occurring until the web page gets resizedcontainer-type: size;
on the.shelf-and-table
element prevents the issue from occurringWe need to investigate this further, ideally create a minimal reproduction test case, and report this. Then hope it's fixed. Or, find a particular way that we can change things to mitigate this on our end.
This is tested on Safari 16.5.
container-type
was added in Safari 16 (released 2022-09-12).The text was updated successfully, but these errors were encountered: