Skip to content

Clicking outside OverlayPanel doesn't close the panel with cssTransition: false #8183

Description

@shaneseaton

Describe the bug

If the cssTransition is set to false, clicking 'outside' of the OverlayPanel no longer closes the panel

const primeReactConfig = {
    cssTransition: false,
};

<PrimeReactProvider value={primeReactConfig}>...</>

No idea why, but if anyone could provide a workaround until this is fixed, that'd be awesome.

Reproducer

No response

System Information

Chrome: Version 138.0.7204.169 (Official Build) (arm64)
PrimeReact: 10.9.6
React: 19.1.0 && 18.3.12

Steps to reproduce the behavior

See cssTransition to false, create an overlay, click outside it, and watch it not close. Set cssTransition back to true, and it works again

Expected behavior

Clicking out the OverlayPanel should result in it closing

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type: BugIssue contains a defect related to a specific component.

    Type

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions