bug(Expansion Panel): style DOM search/find is hiding collapsed UI element

[zombaki]

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

Never tested in previous element

Description

when an expansion panel is collapsed , if we inspect and search for an existing element/ keyword string . Expansion title and expansion buttons disappears.

Reproduction

Steps to reproduce:

1. Create a component with expansion panel with title

2. Create a label in expansion panel body with static text and html ID

3. Run application

4. make sure expansion panel is in collapsed state

5. inspect page and ctrl+f ,find labelId

6. title and expansion button is not visible

Expected Behavior

We should be able to find the DOM element on find with id

Actual Behavior

application is hiding whole expansion panel

Environment

• Angular: 12.1.2
• CDK/Material: 12.1.2
• Browser(s): chrome / edge
• Operating System (e.g. Windows, macOS, Ubuntu): windows

[geromegrignon]

Hi @zombaki, I can't reproduce it and might miss some information, please provide a Stackblitz reproduction.

[crisbeto]

Can you try it with the latest version of Material? I wasn't able to reproduce it here: https://material.angular.io/components/expansion/overview

[crisbeto]

Closing the issue since I wasn't able to reproduce it and there hasn't been a response.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}