URL: https://codepen.io/m-akinc/pen/OJOZmzB
Browser / Version: Safari 14.1.2
Operating System: macOS Mojave 10.14.6
Tested Another Browser: Yes Chrome
Problem type: Something else
Description: In Safari, hovering on text area: text shifts, text blurs, and border doesn't get thick enough
Steps to Reproduce:
I move the mouse cursor over the text area (containing text "Lorem ipsum..."), and:
- the text inside shifts up and to the left slightly, when it should have stayed in the same position
- the text inside gets blurry
- the outline drawn around the text area gets only a few pixels thicker, instead of 10 pixels thicker
Browser Configuration
From webcompat.com with ❤️
URL: https://codepen.io/m-akinc/pen/OJOZmzB
Browser / Version: Safari 14.1.2
Operating System: macOS Mojave 10.14.6
Tested Another Browser: Yes Chrome
Problem type: Something else
Description: In Safari, hovering on text area: text shifts, text blurs, and border doesn't get thick enough
Steps to Reproduce:
I move the mouse cursor over the text area (containing text "Lorem ipsum..."), and:
Browser Configuration
From webcompat.com with ❤️