Skip to content

Block Toolbar position is misaligned in RTL language #43605

@t-hamano

Description

@t-hamano

Description

In the RTL language, the block toolbar shifts (physically) to the right when a block is selected in the editor.

  • It is reproduced by clicking on a block while no block is in focus.
  • Mouse over the right portion of the block toolbar or scroll up and down will be repositioned to the correct position.
  • If you click on one of the blocks and then click on another, it will not reproduce.

Step-by-step reproduction instructions

  • Change the WordPress language to RTL language (Alternatively, it can be reproduced with the RTL Tester plugin).
  • Insert some blocks.
  • Click once outside the block with the mouse to remove focus from blocks.
  • Click on any of the blocks and confirm that the toolbar is pushed to the right.

Screenshots, screen recording, code snippet

a1864bacc79e7ff0e29ed1b63ce4c6cd.mp4

Environment info

  • WordPress Version: 6.1-alpha-53873
  • Gutenberg Version 14.0.0-rc.1
  • Theme: Twenty Twenty Two

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    Internationalization (i18n)Issues or PRs related to internationalization efforts[Type] BugAn existing feature does not function as intended

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions