Repro:

https://codesandbox.io/p/sandbox/confident-driscoll-24gvrz?file=%2Fsrc%2FApp.js%3A1%2C1

Steps to reproduce

1. Configure RTL based on this doc and apply dir="rtl" to part of the app
2. Chips with adornments (e.g. deletable, avatar, icon) placed in the LTR region are misaligned

Current behavior

when the direction of a parent is RTL the chips content is disrupted and the places are not correct.
specially on Delete.

Expected behavior

It has to be well alligned.

Context

I am using chip in RTL website.

Your environment

  I am using Chrome.
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-scripts": "^5.0.0",
    "@mui/material": "6.4.1",
    "@emotion/styled": "11.14.0",
    "@emotion/react": "11.14.0"

Search keywords: RTL Chip Bug