search

vaadin / web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
https://vaadin.com/docs/latest/components
469 stars 83 forks source link

[radio-button] Weird rendering issues in Chrome on Windows (zoom 100%) #1100

Open limonte opened 6 years ago

limonte commented 6 years ago

Live demo: https://cdn-origin.vaadin.com/vaadin-radio-button/1.1.1/demo/#radio-group-demos

vaadin-radio-button

jouni commented 6 years ago

The outline is unexpected. The bouncing is expected, except the poor sub-pixel rendering on Windows :/

If anyone has ideas how to render the dot inside the button better, it would be great – the current way has these kinds of weird occasional rounding errors on many browsers.

jouni commented 6 years ago

So at least add outline: none for the host element (or whatever element it is that receives the keyboard focus when you click the component the second time). That issue is not related to Windows/Chrome – happens in all browsers.

web-padawan commented 6 years ago

See also vaadin/vaadin-radio-button#48 (although the problem there is a bit different)