search

Ajaxy / telegram-tt

Telegram Web A, GPL v3
https://web.telegram.org/a
GNU General Public License v3.0
2.2k stars 463 forks source link

Bug: "shiny premium" button wave animation does not respect border radius on Safari #281

Open oceanvievv opened 9 months ago

oceanvievv commented 9 months ago

A button with "shiny premium" className has the wave animation beyond button borders on Safari as you can see in the following video:

https://github.com/Ajaxy/telegram-tt/assets/49017638/7c1348ec-ffdd-4a18-b9c2-376bc72c1917

Possible solution: use "isolation: isolate;" in Button class https://developer.mozilla.org/en-US/docs/Web/CSS/isolation

oceanvievv commented 9 months ago

Actually, I tried and tested it locally, and works wonderful on iPhone X, iOS 16.2

zubiden commented 9 months ago

Cannot reproduce on Safari 17