sl-select does not close when clicking outside

[Antony92]

Describe the bug

It seems that adding sl-select in shadowDOM breaks the close outside functionality. This was not present in version 2.12 and started to happen in 2.13 due to this PR

To Reproduce

Steps to reproduce the behavior:

1. Add sl-select with some options in a Lit component
2. Click on the sl-select to open the list of options
3. Try to click outside the sl-select
4. List of options does not close

Demo

CodePen

Browser / OS

• OS: Mac
• Browser: Chrome
• Browser version: 121

Additional information

Most likely the issue is from switching document to getRootNode()

    //
    // Listen on the root node instead of the document in case the elements are inside a shadow root
    //
    // https://github.com/shoelace-style/shoelace/issues/1763
    //
    const root = this.getRootNode();

[Antony92]

After checking the code maybe focusin should stay to this.getRootNode() in order for the previous issue with the tab focus to remain fixed, but keydown and mousedown to remain on the document ?

root.addEventListener('focusin', this.handleDocumentFocusIn);
document.addEventListener('keydown', this.handleDocumentKeyDown);
document.addEventListener('mousedown', this.handleDocumentMouseDown);

@claviska

[Antony92]

PR created