Skip to content

Bug: SpeedDial action items become detached from anchor button while resizing window #631

@imatoria

Description

@imatoria

Component

MudSpeedDial

Description

When a MudSpeedDial is open and the browser window is continuously resized, the action buttons appear to reposition independently from the main SpeedDial button. The child action buttons drift, jitter, or move with surrounding content instead of remaining anchored to the SpeedDial trigger.

This creates a visual disconnect between the SpeedDial button and its actions, especially in responsive layouts where content is actively reflowing.

Steps To Reproduce

  1. Open a page containing a MudSpeedDial.
  2. Expand the SpeedDial so the action buttons are visible.
  3. Resize the browser window horizontally by dragging the window edge left and right repeatedly.
  4. Observe the position of the action buttons relative to the main SpeedDial button.

Expected Behavior

  • Action buttons should remain visually attached to the SpeedDial trigger.
  • During resize events, the entire SpeedDial (anchor button and actions) should move as a single unit.
  • No drifting, jittering, or independent repositioning should occur.

Actual Behavior

  • Action buttons move independently of the main SpeedDial button.
  • Buttons appear to follow layout/tab/content reflows rather than the SpeedDial anchor.
  • During continuous resizing, the actions visibly detach and then readjust their positions.

Notes

The issue is reproducible in a real application using responsive layouts. It appears that action button positioning is not being recalculated or synchronized correctly during resize events. The child actions may be using stale coordinates or a positioning strategy that is not updated consistently while the viewport changes size.

Additional Information

The behavior is easiest to observe when:

  • The SpeedDial is located inside a responsive page layout.
  • The SpeedDial is expanded.
  • The browser window is rapidly resized back and forth.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    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