search

google / blockly

The web-based visual programming editor.
https://developers.google.com/blockly/
Apache License 2.0
12.52k stars 3.72k forks source link

Workspace comments in Safari render incorrectly when too small to fit text #8555

Closed riknoll closed 2 months ago

riknoll commented 3 months ago

Check for duplicates

Description

This bug only applies to Safari AFAIK.

When you resize workspace comment such that the textarea can no longer fit in the space provided, the textarea glitches out and moves to the top left of the injection div. See the attached GIF below for a demo!

I think this is probably a browser bug as the safari dev tools seem to think that the element is still in the correct place. This repros both in the Blockly playground and in makecode editors.

My Safari version is 17.6 and my macOS version is Sonoma 14.6

Reproduction steps

  1. Go to the Blockly playground in Safari
  2. Create a comment and add some text
  3. Resize the comment such that it is too small to fit the entire text

Stack trace

No response

Screenshots

safari-bug

Browsers

Safari desktop

cpcallen commented 2 months ago

Thanks for reporting this, but it appears to be a duplicate of #8160, which in turn is due to a bug in Safari. I'll reopen that bug so we don't get further dupes until it gets fixed in Safari.