When opening any dropdown the absolute positioning of the popup is incorrect. If a zoom of 1.5 is applied to the apps body then all positions should be divided by 1.5 to get the correct position.
Expected behavior
The popup should open below the dropdown.
Minimal reproduction of the problem with instructions
Adding a zoom != 1 to the
element of any app will break all type of dropdowns:
On the browser web support page I've read that zoomed-in pages are not supported, but is there any way to fix this issue with some custom css/jaavscript. This issue makes a web app completely broken for firefox users.
I'm submitting a...
Current behavior
When opening any dropdown the absolute positioning of the popup is incorrect. If a zoom of 1.5 is applied to the apps body then all positions should be divided by 1.5 to get the correct position.
Expected behavior
The popup should open below the dropdown.
Minimal reproduction of the problem with instructions
Adding a zoom != 1 to the
element of any app will break all type of dropdowns:Simplified demo - https://stackblitz.com/edit/angular-r11x6u?file=src%2Fapp%2Fapp.component.ts Original post demo - https://stackblitz.com/edit/angular-v1ipiz-k7biqb
The page would need to be scrollable to reproduce the issue.
https://github.com/telerik/kendo-angular/assets/49076727/0b77bb34-9bd8-439a-b782-7da933b7f185
Browser:
System:
On the browser web support page I've read that zoomed-in pages are not supported, but is there any way to fix this issue with some custom css/jaavscript. This issue makes a web app completely broken for firefox users.