facebook / facebook/lexical

Bug: Using scaling(scale:xxx) will cause floating elements to be misaligned

Open
#6,748 0 comments 0 reactions 0 assignees View on GitHub
popover
Dominant language
TypeScript
Stars
23.9k
Forks
2.2k
Avg merge
1d 14h
Merged PRs (30d)
55

Description

Lexical version:0.18.0

## Steps To Reproduce

1. open `https://playground.lexical.dev/`
2. set `scale:xxx` in any editor parent element
![image](https://github.com/user-attachments/assets/f6cff2ff-1c14-4423-84c2-e3de1c691f54)
![image](https://github.com/user-attachments/assets/9de88bc2-62b4-46af-b63d-343a98d635ac)

Link to code example:

## The current behavior
- Scaling will affect floating elements
## The expected behavior
- Floating elements should be displayed in their normal positions
## Impact of fix
- css `position-anchor` can positioning be easily implemented. Can support be enabled for higher version browsers?
- https://caniuse.com/?search=position-anchor

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.