taiga-family / taiga-ui

Angular UI Kit and components library for awesome people
https://taiga-ui.dev
Apache License 2.0
3.15k stars 424 forks source link

🐞 - SheetDialog on some device displays additional line #8058

Closed em-sargsyan closed 3 weeks ago

em-sargsyan commented 1 month ago

Playground Link

https://taiga-ui.tcsbank.ru/components/sheet-dialog#basic

Description

When opening the SheetDialog on the page https://taiga-ui.tcsbank.ru/components/sheet-dialog#basic, the behavior differs between devices. Fo example on an iPhone 14 Pro Max, the SheetDialog opens correctly without any issues. However, on a Blackberry PlayBook, an additional line appears at the top of the dialog, which is not present on the iPhone 14 Pro Max. This discrepancy affects the visual consistency of the component across different devices.

Angular version

17.3.9

Taiga UI version

3.84.0

Which browsers have you used?

Which operating systems have you used?

em-sargsyan commented 1 month ago
Screenshot 2024-07-04 at 4 09 40 PM Screenshot 2024-07-04 at 4 10 19 PM
vladimirpotekhin commented 3 weeks ago

The reason is the uneven scale in the chrome emulator. It is recommended to always set the scale to a multiple of 5 (70, 75, 80, 90 e tc) to avoid glitches