diff --git a/authentik/core/templates/base/skeleton.html b/authentik/core/templates/base/skeleton.html index f763941a1..97235f986 100644 --- a/authentik/core/templates/base/skeleton.html +++ b/authentik/core/templates/base/skeleton.html @@ -13,7 +13,6 @@ - {% block head_before %} {% endblock %} diff --git a/web/rollup.config.js b/web/rollup.config.js index ad4982bbb..18ae58cb0 100644 --- a/web/rollup.config.js +++ b/web/rollup.config.js @@ -24,10 +24,6 @@ export const resources = [ src: "node_modules/@patternfly/patternfly/patternfly-base.css", dest: "dist/", }, - { - src: "node_modules/@patternfly/patternfly/components/Dropdown/dropdown.css", - dest: "dist/", - }, { src: "node_modules/@patternfly/patternfly/components/Page/page.css", dest: "dist/", diff --git a/web/src/elements/forms/SearchSelect.ts b/web/src/elements/forms/SearchSelect.ts index 47cb0a87c..d376e6e9f 100644 --- a/web/src/elements/forms/SearchSelect.ts +++ b/web/src/elements/forms/SearchSelect.ts @@ -9,6 +9,7 @@ import { CSSResult, TemplateResult, html, render } from "lit"; import { customElement, property } from "lit/decorators.js"; import AKGlobal from "@goauthentik/common/styles/authentik.css"; +import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css"; import PFForm from "@patternfly/patternfly/components/Form/form.css"; import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css"; import PFSelect from "@patternfly/patternfly/components/Select/select.css"; @@ -73,6 +74,9 @@ export class SearchSelect extends AKElement { constructor() { super(); + if (!document.adoptedStyleSheets.includes(PFDropdown)) { + document.adoptedStyleSheets = [...document.adoptedStyleSheets, PFDropdown]; + } this.dropdownContainer = document.createElement("div"); this.observer = new IntersectionObserver(() => { this.open = false;