Fix unresponsive resize handle in Safari #4081
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This bug was absurd. For whatever reason, the current setup works fine in Chromium and Firefox but is unresponsive in Safari. Using a
z-index: -1
half solves the solution but causes the resize handle to disappear and the blinking cursor to disappear.cursor: text
seems to interfere with the resize cursor icon regardless of the stack ordering. Eliminatingcursor: text
allows the icon to seamlessly switch and the cursor behavior throughout other areas of the app seem to be interpreted by the browser just fine.Adding the second
resize: vertical
somehow tells Safari to bring back the blinking cursor and the resize grab handle. It's utterly bizarre... I've ran this by several experienced people and we can't make sense of it other than Safari being Safari. :DCurrent:
Screen.Recording.2023-03-09.at.12.03.44.PM.mov
Fixed:
Screen.Recording.2023-03-09.at.12.04.16.PM.mov