Bug reportOct 21, 2026· 0:23· 8 views
Ant Design v6 Message: inner container keeps pointer-events:auto, blocking nav hover while notification is visible
0:23 total
Comments · 0
Be the first to comment.
Bug reportby SceneRecap AI
lowMessage component container styles in v6 (pointer-events on the message wrapper or inner container that spans the top of the viewport)
site: Ant Design docs, Message component pageversion: 6.6.7 (version selector)recording: silent, 23s, no interaction event log
Repro steps
- 1.Open the Ant Design docs Message component page (version 6.6.7) and wait for the Examples section to render.
- 2.Control: hover the top nav item Blog with no message visible. A blue hover underline appears.
- 3.Move the cursor to the 'Display normal message' button in the Hooks usage (recommended) example and trigger it.
- 4.While the 'Hello, Ant Design!' info message is shown at the top center, hover the nav item Blog.
- 5.After the message is dismissed, hover the nav items again and compare.
Expected
Nav items keep their hover state while a message notification is visible. Hovering Blog should show the same blue underline seen at 9.0s.
Actual
At 13.0s the 'Hello, Ant Design!' message is visible at the top center, overlapping the nav near Design, Development and Components. The cursor is on Blog but Blog shows no hover underline. After the message is gone, Blog hover works again at 21.0s.
Evidence
visualControl: cursor over Blog with no message visible. Blog shows a blue hover underline.
visualCursor is over the 'Display normal message' button just before the message appears.
visualInfo message 'Hello, Ant Design!' is shown at the top center over the nav. The cursor is on Blog and Blog has no hover underline.
visualMessage has been dismissed. Cursor is on Development and no hover underline is visible in this frame. The cause is unclear, so this frame alone does not confirm or rule out the issue.
visualWith no message visible, hovering Design shows an underline under Design.
visualControl: with no message visible, hovering Blog shows the underline again.
Issue markdown (copy-paste ready)
## Summary On the Ant Design docs Message page (version selector 6.6.7), the top nav item **Blog** shows no hover underline while a message notification is visible. Hovering Blog works when no message is shown. The user title suggests the message's inner container keeps `pointer-events: auto`. This recording shows only the visual symptom and does not show computed styles. ## Environment - Ant Design docs, Message component page - Version selector: 6.6.7 - Silent recording, 23s, no interaction event log ## Steps to reproduce 1. Open the Message docs page and wait for the Examples section to render (3.0s). 2. Control: hover **Blog** in the top nav. The underline appears (9.0s). 3. Trigger **Display normal message** in the Hooks usage (recommended) example. The cursor is on the button at 11.0s. 4. While the `Hello, Ant Design!` message is visible, hover **Blog** (13.0s). 5. After the message is dismissed, hover the nav items again (17.0s to 21.0s). ## Expected Nav hover states keep working while a message is visible. Blog should show its underline as it did at 9.0s. ## Actual At 13.0s the message is shown at the top center, overlapping the nav near Design, Development and Components. The cursor is on Blog, but Blog shows no hover underline. ## Evidence - 9.0s: Control. Blog hover underline is visible with no message shown. - 13.0s: Message `Hello, Ant Design!` is visible. Cursor is on Blog. There is no underline. - 15.0s: Message is gone. Cursor is on Development and no underline is visible in this frame. The cause is unclear. - 17.0s: Design hover underline shows. - 21.0s: Control. Blog hover underline shows again. ## Suggested area Message container styles in v6. Check `pointer-events` on the wrapper and inner container that span the top of the viewport. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →