Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Default CSS transform overrides attribute values #149

Open
kundralaci opened this issue Oct 11, 2023 · 1 comment
Open

Default CSS transform overrides attribute values #149

kundralaci opened this issue Oct 11, 2023 · 1 comment

Comments

@kundralaci
Copy link

In the library's CSS file, there is a transform: translateZ(0) part:

/* fix safari custom kerning by adding a space after each character */
* {
  ...
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

This eventually overrides transform attributes on elements, for example, this svg path will render without the given rotation.

<path id="ray-2" d="M0 0L1 0L0.9659 0.2588Z" fill="url(#paint)" transform="rotate(30)"></path>

This can cause serious issues, as the library's CSS is too aggressive, and overrides attributes without noticing. Can you make it somewhat more focused on relevant elements? (Is this transform really needed?) If needed, you could use the following for example:

*[data-textify] {
  ...
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@MAGGIx1404
Copy link
Owner

thanks @kundralaci for inform us to this issue, we will fix that fastly as possible. thanks for help

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants