shoelace icon indicating copy to clipboard operation
shoelace copied to clipboard

Style parts of <sl-popup> within <sl-dropdown> (exportparts)

Open devopvoid opened this issue 8 months ago • 1 comments

Describe the bug

Referring to the issue #858, which has been partially fixed, for <sl-popup> only. It is not currently possible to style the popup part inside a <sl-dropdown>, as this introduces a new level of #shadow-root.

The tooltip component is exporting the popup and arrow names, which allows you to select and style them in nested shadow trees.

It would be helpful if exportparts were introduced for the dropdown as well.

<sl-dropdown>
  #shadow-root
    <sl-popup part="base" exportparts="popup:base__popup, arrow:base__arrow">
      #shadow-root
        ...
        <div part="popup" ... >
        ...

devopvoid avatar Jun 18 '24 07:06 devopvoid