Connected class names in DOM

Fixed Bugs
1

Hello i have found out that after last update my navigation got broken - some styles applied just to certain nav items. (with no change on my part) After closer inspection i figured it out.

There are classes without space so styles are not applied. It is not happening with every link which is weird. But here is a screenshot.

SniĢmka obrazovky 2023-11-01 o 22.01.22
SniĢmka obrazovky 2023-11-01 o 22.01.22714Ɨ38 5.35 KB

When I add space like this

SniĢmka obrazovky 2023-11-01 o 22.06.16
SniĢmka obrazovky 2023-11-01 o 22.06.16716Ɨ38 5.68 KB

Everything works. I dit not used any custom classes or css. Everything is native cwicly.
I did regenerated html and css, didnt help.

Environment info

  • WordPress version: 6.3.2
  • Cwicly Plugin version: 1.3.2.2
2

The additional styles are coming from the menu itself. By default the initial space is included.

Screenshot 2023-11-01 at 21.23.39
Screenshot 2023-11-01 at 21.23.39886Ɨ820 33.6 KB

Note: If you donā€™t see this, go to Screen Options at the top right and enable the ā€œCSS Classesā€ option:

Screenshot 2023-11-01 at 21.26.11
Screenshot 2023-11-01 at 21.26.113110Ɨ290 27.7 KB

3

Thatā€™s the actual issue. There shouldnā€™t be an initial and mandatory space. Whatā€™s the point?

4

I agree, even though this may be a WordPress issue, it should be straightforward to add one as needed on the Cwicly side to protect against the removal of the space if they choose to do that.

5

I think that for now it is good solution quick fix. But I think that this is just some typo.
I can imagine that it should be quick fix.

6

Thatā€™s my thoughts as well, but canā€™t imagineā€¦
I do however appreciate the fact that the recently added WP default menu item classes can still be removed.

1 Like
7

Yes! Very good point.

8

I assigned a class to a menu item in the WordPress menu and wanted to style it in the Cwicly scss panel but is not detectableā€¦

It seems like Cwicly is not detecting the Class from the WordPress Menu Item

When I add the class header-cta on the menu item (WordPress, see picture) when inspecting the class, it merges with the Cwicly class and results in .cc-nav-menuheader-cta

If I add a space before typing the class in the WordPress menu when inspecting is the class is added correctly (like in the screenshot) but it cannot be detected by Cwicly

Artboard 1
Artboard 11250Ɨ1200 221 KB

9

Duplicate of: Connected class names in DOM

10

Hi,

Thanks so much for the report.

A space is included by default by WordPress.
We will add a check so that there is no inconsistency if the space has been removed by the user.

The missing menu classes in the editor will also be added.

Best regards,
Johnny

11

Hi @JohnySvitana and @Titus,

Thank you both for reporting this!

This should now be fixed with 1.3.3:

Kindly let us know if this is fixed on your end.

Thank you in advance.