Skip to content

TeachingBubble component does not pipe onDismiss through to Callout #3809

Description

@rebeccaballantyne

Bug Report

  • Package version(s): Local repro on 5.40.1
  • Browser and OS versions: All Browsers/ OS's

Priorities and help requested (not applicable if asking question):

Requested priority: Normal

Describe the issue:

Because the onDismiss param set in the TeachingBubble component is not sent over to the Callout, bubbles do not dismiss on page resize/scroll and become displaced.

Actual behavior:

Bubbles are displaced from anchor elements as the page is resized.

Expected behavior:

If preventDismissOnScroll is not (overriden) and set to true, the bubbles should be dismissed.

If applicable, please provide a codepen repro:

You can see this live on the TeachingBubble component example (https://developer.microsoft.com/en-us/fabric#/components/teachingbubble). Scroll the page.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    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