Skip to content

Numbers get reverted by bidi-override, although the are outside #398

@jonaphil

Description

@jonaphil

Describe the bug
When I obfuscate a text and I have some numbers right next to it, it is also reverted the direction of the numbers although they are outside of the scope of the to-be-reverted text.

To Reproduce

  1. Create a Component with the Following JSX:
      <h1>
        <Obfuscate email="test@example.org" linkText="#">Emailtext</Obfuscate> 1 2 3
      </h1>
  1. See the rendering after loading: 3 2 1 Emailtext
  2. See the Text after first hover: Emailtext 1 2 3

Expected behavior
I expect to see the text in the same way before and after hover. Th presentation after hover is correct.

Screenshots
Loaded and before hover:
Image

after hover:
Image

Desktop (please complete the following information):

  • OS: MacOS 26.2 (25C56)
  • Browser: Firefox
  • Version: 146.0.1 (aarch64)
  • Browser: Chromium
  • Version: 132.0.6779.0 (Entwickler-Build) (arm64)

Additional context
I suppose the problem to be solved by adding isolate-override as value for unicode-bidi instead of bidi-override. I hope I am not missing some side-effects.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions