Skip to content

Default CSS transform overrides attribute values #149

@kundralaci

Description

@kundralaci

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);
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions