search

Ajaxy / telegram-tt

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

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

Open oceanvievv opened 1 year ago

oceanvievv commented 1 year 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 1 year ago

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

zubiden commented 1 year ago

Cannot reproduce on Safari 17