[CT-2263] [CT-2262] [Bug] Lineage Graph menus don't work in Safari

[kinghuang]

Is this a new bug in dbt-core?

• [X] I believe this is a new bug in dbt-core
• [X] I have searched the existing issues, and I could not find an existing issue for this bug

Current Behavior

The lineage graph In dbt generated docs has three popup menus for selecting resources, packages, and tags. Clicking any of these in Safari brings up a native select control with no options. It is nearly impossible to trigger the custom multi-select menu that appears in other browsers.

Expected Behavior

When I click the resources, packages, or tags controls, a multi-select menu should be presented allowing me to select resources, packages, or tags.

Steps To Reproduce

1. Given a dbt project, generate and serve docs (dbt docs generate && dbt docs serve).
2. Open the docs in Safari.
3. Open the Lineage Graph.
4. Attempt to use the resources, packages, or tags controls on the bottom left.

Relevant log output

No response

Environment

- OS: macOS Ventura 13.2.1
- Python: 3.11.1
- dbt: 1.4.1
- Safari: 16.3

Which database adapter are you using with dbt?

postgres

Additional Context

Example screenshots for the resources control.

Safari 16.3:

Edge 111.0.1587.63:

[dbeatty10]

Thanks for opening this and providing nice description and screenshots @kinghuang 🏆

W're not able to prioritize this soon ourselves, but we'd welcome a PR from a motivated community member so I'm going to label this as help_wanted.

[github-actions[bot]]

This issue has been marked as Stale because it has been open for 180 days with no activity. If you would like the issue to remain open, please comment on the issue or else it will be closed in 7 days.