Open AndrewZagovora opened 2 years ago
What theme are you using?
Here is Showcase at 100% and 125%; https://primefaces.org/primereact/radiobutton/
100%
125%
Any update on this? Which theme etc?
@melloware The theme is Matherial Indigo Light
125% works fine try 110%
here is the 110% with same theme you checked - the checkbox icon is lower then middle
Its possible that is just browser scaling math scaling it up to a odd number etc. This may not be fixable but any investigation or PR is welcome. But the CSS doesn't change on browser scaling its purely the browser doing math to increase the pixels.
Actually found this: https://github.com/carbon-design-system/carbon/issues/5163
It looks like it needs to use scale
and not rem
https://github.com/carbon-design-system/carbon/pull/6097/files
Hmm here is mine in Chrome at 110%
Describe the bug
Open the Radiobutton component with default (100%) screen scale Check the radio button The alignment is proper:![image](https://user-images.githubusercontent.com/32092177/167622389-0a954c89-efc8-4960-bcb9-a4381c323c4f.png)
Change the screen scale to 110% The alignment is broken:![image](https://user-images.githubusercontent.com/32092177/167622508-c0e78e1b-5bf7-41a7-946d-71d0800d6dd0.png)
Reproducer
No response
PrimeReact version
7.2.1
React version
17.x
Language
TypeScript
Build / Runtime
Create React App (CRA)
Browser(s)
Chrome Version 101.0.4951.54 (Official Build) (64-bit)
Steps to reproduce the behavior
No response
Expected behavior
No response