PrivacyKit
FunktionenSchnellstartPreise

CSS-Snippets

Vermeiden Sie Flackern, bevor die Webkomponenten geladen sind. Ohne dieses Snippet können geschützte Inhalte kurz aufblitzen, wenn:

  1. consent-dialog kann kurz aufblitzen, wenn Sie slotted Elemente verwenden und sie rendern, bevor die Komponentendefinition geladen ist.
  2. consent-guard kann kurz aufblitzen, wenn er für bedingtes HTML verwendet wird und der Inhalt rendert, bevor die Komponente aktiviert ist.
  3. consent-missing kann kurz aufblitzen, wenn er als Fallback verwendet wird und er rendert, bevor die Komponente aktiviert ist.

Fügen Sie Styling in Ihrem Light DOM hinzu, um Flackern zu vermeiden.

NPM
CSS
consent-dialog:not(:defined) [slot] {
  display: none;
}

consent-guard:not([active]) {
  display: none;
}

consent-missing:not([active]) {
  display: none;
}
Wenn Sie geslotteten Inhalt verwenden oder consent-guards mit HTML nutzen, fügen Sie dieses Snippet in Ihr globales Stylesheet oder in ein <style>-Tag ein, das ausgeführt wird, bevor die PrivacyKit Web Components gerendert werden.