1 year ago

#76507

test-img

Daniel Terletzkiy

Two white blinking dots on HTML element in Chrome when using a box-shadow

I am developing my own component library for vuejs2 and I have chosen to use box-shadow instead of borders (for a little more flexibility, yes it isn´t the best I know, but looks and works better for my needs)

I mostly see this happening when I am not focusing the tab for about 1 minute. The dots are white can appear on either side of the element, appear right before the border-radius curve, when zooming in the dots are still the same size on screen as with 100% zoom, interacting with the element "buries" them into the element, they will come back out after a few seconds.

Here are a few examples: Two dots on left side of a checkbox component

Two dots on the top side of a button component with a box-shadow outline

Two dots on the left side of an input component with a box-shadow outline

This problem is only known in Chrome Version 97.0.4692.99 (Official Build) (64-bit) Windows 11, so far. Tested with Firefox and Opera, all where fine.

css

google-chrome

vuejs2

0 Answers

Your Answer

Accepted video resources