Blur Filter Fehler

  • Ich Baue gerade an einem Design und nutze den Filter schon ein paar mal ohne Probleme.

    Code
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);	

    Aber nutze ich ihn auf .main oder .pageContainer und klicke dann auf der Index Seite Rechts Unten auf Stil ändern. Verschiebt sich alles nach Oben ergebnis sieht man hier:

    Ist das Srandard Design vom Core und nur das Eingetragen.

    Code
    .main > .layoutBoundary{
     padding: 20px 10px;
     border-radius: 6px;
     background-color: var(--wcfContentContainerBackground);    
       backdrop-filter: blur(20px);
       -webkit-backdrop-filter: blur(20px);    
        border: 0px;
    }

    Der Fehler wird durch den blur Filter ausgelöst, nur den Grund verstehe ich nicht.

    Alles Innerhalb, also Sidebar, .wbbBoardNodeContainer und co keine Probleme.

    Aber main und pagecontainer mit blur Filter und schwups verschiebt sich die Seite nach oben und der .dialogContainer ist untem am Fenster.

    Vielleicht hat ja einer eine Idee wie man das beheben kann.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!