Skip to content

Clicking CCv2 managed popovers closes the sidebar on mobile #13647

@gRodrigues03

Description

@gRodrigues03

Checklist

  • I have searched the existing issues for similar issues.
  • I added a very descriptive title to this issue.
  • I have provided sufficient information below to help reproduce this issue.

Summary

When porting an antd datepicker CCv1 component to CCv2, I noticed that interacting with popovers managed by such components causes the Streamlit sidebar to close.

This only occurs in the mobile layout and only with CCv2. Interaction with the widget itself inside the bidi-component container works as expected, but interacting with the popover rendered at the top level of the DOM immediately closes the sidebar.

Here's an example:

closing.sidebar.CCv2.bug.mp4

The popover is rendered at the top level of the DOM, as a sibling of the root element:

Image

I may send the component later, it is a bit messy at the moment since i'm still getting the hang of the new component api.

Reproducible Code Example

Steps To Reproduce

No response

Expected Behavior

No response

Current Behavior

No response

Is this a regression?

  • Yes, this used to work in a previous version.

Debug info

  • Streamlit version: 1.53.0
  • Python version: 3.14.1
  • Operating System: Windows, Linux and Android
  • Browser: Chrome

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:mobileRelated to mobile device supportfeature:custom-componentsRelated to custom componentsfeature:st.sidebarRelated to `st.sidebar` containerpriority:P3Medium prioritystatus:confirmedBug has been confirmed by the Streamlit teamtype:bugSomething isn't working as expected

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions