Brief period of backdrop filter not active

[zero_to_one]

Hey there,
try opening my dropdown. there is a brief period of backdrop filter not active.
Thanks for your help!

[ruenel]

Hello @zero_to_one,

Thanks for writing in!

You have added this custom CSS:

$el{
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);}

Please adjust the transition duration in the Effects module of the Grid element. Setting it to 0 might eliminate the slight delay.

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[zero_to_one]

Thank you, I tried this. It did not work. The delay only goes away, when I deactivate the animation of the dropdown opening completely.

Could it be the order the backdrop filter is applied?

[ruenel]

Hello @zero_to_one,

yes, it could be. Because adding this inline element CSS:

$el{ 
 /* your styling */
}

will be applied to both the toggle and the dropdown. Can you please have it edited and target only the dropdown? Maybe you can have something like this;

$el.x-dropdown{ 
 /* your styling */
}

Be advised that this is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Kindly let us know how it goes.

[zero_to_one]

Thank you. I just applied the styling to the other styles in the item above it. worked great.

[ruenel]

You’re welcome.