altv-issues
altv-issues copied to clipboard
altmp
v15 cef css issues
Description of the problem
The CEF seems buggy on dev v15. As you can see border-radius, blur, and maybe color alpha seem to be broken (maybe more i just see thoose)
RELEASE:
DEV (exactly same sourcecode & version):
Reproduction steps
- Create a div
- Apply background-color with low alpha, blur and border-radius
- Let it render
Expected behaviour
CSS attributes are applied correctly.
Additional context
No response
Operating system
windows
Version
v15.0-dev540
Crashdump ID
No response
Reproduction tested
- [X] I confirm that I have made sure that this issue is also present on the newest dev version
Can you please check if you have any warnings near those style attributes in CEF's inspector? (Launch alt:V in debug mode and open chrome://inspect in your browser)
@zziger Unfortunately, there are no warnings. As soon as i reapply thoose styles through the chrome inspector the issue is gone. (i.e if i click on border-radius to disable it and if i enable it again everything works fine)
I don't have this issue on release branch.
I found out that the cause has to do something with backdrop-filter: blur(0.4vh); as soon as i use this attribute on dev something breaks. Only on DEV branch. Edit: if i apply backdrop-filter: blur(0.4vh); through the devtools it doesn't have any effect anywore even if i increase the blur value to an crazy level.
Most likely this is caused by hardware acceleration, that is enabled in alt:V's CEF by default since v15. Backdrop blur is unfortunately known to cause some issues in that scenario
Exact same issue with
-webkit-backdrop-filter: blur(4px);
or
backdrop-filter: blur(4px);
Work on release but now it's a black background, it's a bit annoying because some of our UI are designed for
@Arochka @tastydev can you please provide a resource to reproduce the issue?
