search

elegantthemes / Divi-Beta

8 stars 0 forks source link

D5 :: free-form css are wrapped in {} on frontend #100

Open elzadj opened 1 week ago

elzadj commented 1 week ago

Problem Description

  1. Describe what you did Any free-form css we add are wrapped in {} on frontend in et-critical-inline-css, i.e. they don't work. Happens if we use 'selector', or a class for that module. Backend is fine.

  2. Describe what you expected to happen Frontend css should look somewhat like this:

<style id="et-critical-inline-css">
...
.et-db #et-boc .et-l.et-l--post .et_builder_inner_content{z-index:auto}
.test-person-section-class .et_pb_team_member{width:200px}
</style>
  1. Describe what actually happened But we get this: 
<style id="et-critical-inline-css">
...
.et-db #et-boc .et-l.et-l--post .et_builder_inner_content{z-index:auto}
{ 
     .test-person-section-class .et_pb_team_member{width:200px}
}
</style>

Detailed Steps To Reproduce

Please provide a detailed list of exact steps that reproduce the issue.

  1. Add any module
  2. Add free-form css
  3. Check frontend

Screenshot and/or gif

Here is a video with a blurb:

d5-person-test-MaxiBlocks.webm

System Information

elzadj commented 4 days ago

Note: not fixed in 5.0.0-public-alpha.1.1