elegantthemes / Divi-Beta

8 stars 0 forks source link

Multiple Selector Issue (Custom CSS) #43

Open dtcblyth opened 10 months ago

dtcblyth commented 10 months ago

Related thread: https://discord.com/channels/1041765492907589683/1079860683623116862/threads/1184739841326469211

Problem:

When specifying multiple Custom CSS selectors for a single element, only the first selector is prefixed with the module’s orderClass.

For example, this:

...
myElement: {
  subName: 'myElement',
  selectorSuffix: ' .selector_one, .selector_two, selector_three',
},
...

Should output styles like this:

.my_module_01 .selector_one, .my_module_01 .selector_two, .my_module_01 .selector_three {
  color: #123456;
}

But actually outputs this :

.my_module_01 .selector_one, .selector_two, .selector_three {
  color: #123456;
}

An example of this can been seen the in the Divi Audio Settings > Advanced > Custom CSS > Player Sliders Current field. (See screen shot attached, below)

This is issue is closely related to another Custom CSS issue, previously described issue, here: https://github.com/elegantthemes/Divi-Beta/issues/23

Screenshot_2023-12-14_at_2 01 54_PM