Dropdown: Won't open inside accordion or details (Firefox)

[lizhuomeng71]

Describe the bug

Dropdown component won't open when inside Accordion or Details component. This is only happening in the Firefox browser. This is likely related to #2077 .

Provide Code

For Accordion

<goa-accordion heading="Heading" headingsize="medium"  id="accordion">
  <h2>
    Accordion One
  </h2>
  <goa-dropdown value="" id="accordion-dropdown">
    <goa-dropdown-item value="red" label="Red"></goa-dropdown-item>
    <goa-dropdown-item value="green" label="Green"></goa-dropdown-item>
    <goa-dropdown-item value="blue" label="Blue"></goa-dropdown-item>
  </goa-dropdown>

  <goa-form-item label="Basic" id="accordion-input">
    <goa-input name="item"></goa-input>
  </goa-form-item>
</goa-accordion>

For Details

<goa-details heading="Detail Heading"  id="details">
  <h2>
    details One
  </h2>
  <goa-dropdown value="" id="details-dropdown">
    <goa-dropdown-item value="red" label="Red"></goa-dropdown-item>
    <goa-dropdown-item value="green" label="Green"></goa-dropdown-item>
    <goa-dropdown-item value="blue" label="Blue"></goa-dropdown-item>
  </goa-dropdown>

  <goa-form-item label="Basic" id="details-input">
    <goa-input name="item"></goa-input>
  </goa-form-item>
</goa-details>

To Reproduce

1. Use the provided code above,
2. Click to open the accordion or details,
3. Click on dropdown

Expected:

Dropdown should open

Actual:

Dropdown does not open

[ArakTaiRoth]

@lizhuomeng71 I can't reproduce this issue, and there's no code in this story used to reproduce.

[syedszeeshan]

I used the code provided in the story, and apparently works fine in firefox.

Firefox browser version: 131.0.2 (64-bit)

https://github.com/user-attachments/assets/18fcb7e0-c8c0-46d8-aa60-f5fc86ce16bd

[lizhuomeng71]

closed as no longer reproducible