glideapps / glideapps/glide-data-grid

Grid header issue in safari when header title includes emojis

Open
#983 0 comments 0 reactions 0 assignees View on GitHub
package:core type:bug
Dominant language
TypeScript
Stars
5.3k
Forks
428
PR merge metrics
No merged PRs in 30d

Description

Hello.

I've faced this issue when my grid header title includes some emojis, when hovering grid header emojis get the value defined under `textHeaderSelected` of theme. I've done some debugging and found that the reason is living inside this code piece. For some reason when setting some gradient color to the header menus layer it is overriding titles `fillStyle` prop and the issue is actual only in Safari browser. Chrome and Mozilla are behaving as expected in such cases. I've also created draft HTML file where I've put the almost same code and it is behaving the same. Can I get some help here please? I'm planning to open an issue/question in Safari support page to get some insight from them as well.

Screenshot 2024-07-19 at 15 40 05

https://github.com/user-attachments/assets/ecb39b25-bb4b-4c14-82fc-037dcc2bebc1

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.