Dropdown appears misaligned and cut off if scrolled to the right

[devuxer]

Reproduction link

https://stackblitz.com/edit/react-sk6ex7?file=demo.tsx

Steps to reproduce

Place Dropdown off screen to the right then scroll page to see it.

What is expected?

Menu renders correctly.

What is actually happening?

Menu is offset to the left and narrower than it should be, causing menu items to wrap.

Environment	Info
antd	5.6.1
React	18.2.0
System	Windows 10.0.19044 Build 19044
Browser	Chrome 114.0.5735.110 (Official Build) (64-bit)

---

Possibly related: #29366

[zombieJ]

Could you provide a screenshot about this?

[devuxer]

@zombieJ

[afc163]

文本在视距外的排版异常，确实是个老问题了。

[devuxer]

@afc163, Can this be fixed? Is there a workaround?

[afc163]

It could be fixed, we are looking for solutions.

[zombieJ]

Is max-content style help?

https://stackblitz.com/edit/react-sk6ex7-jjj5nw?file=demo.tsx

[devuxer]

@zombieJ , YESSS! That fixes it. Thank you!

Maybe you could make that the default?

[zombieJ]

@zombieJ , YESSS! That fixes it. Thank you!

Maybe you could make that the default?

max-content maybe not the best way by default. Since if content use flex layout of auto wrap. It will count wrong width. But in most case, its safe.

[edisonLzy]

文本在视距外的排版异常，确实是个老问题了。

为什么会在视距外 会存在这个问题呢 ?