SOLVED: SVG sub-menu indicators disappears in sub menu level if width of top level svg icon is set

Bugs
1

Browser: Chrome 126
OS: macOS
Video: Jam

I have SVG icons as sub menu indicator both for top level and sub menu. If I change width of top level icon then sub level icon disappears.

Workaround CSS:

%root% .brx-submenu-toggle svg {
width: xyz;
}

2

Hi,
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue. Can you send me the template as a JSON file or code and the SVG file you’re using?

Best regards,
timmse

3

Here is video to how produce it from the beginning. On this site only bricks theme is enabled. No plugins: Jam

JSON:

{"content":[{"id":"wmvncp","name":"nav-menu","parent":0,"children":[],"settings":{"menu":"5","menuIcon":{"library":"svg","svg":{"id":210,"filename":"close-vector.svg","url":"https://starter.nomon.fi/wp-content/uploads/close-vector.svg"},"width":"20"},"subMenuIcon":{"library":"svg","svg":{"id":209,"filename":"search-icon.svg","url":"https://starter.nomon.fi/wp-content/uploads/search-icon.svg"}}}}],"source":"bricksCopiedElements","sourceUrl":"https://starter.nomon.fi","version":"1.9.9","globalClasses":[],"globalElements":[]}
4

Thanks so much!
The problem can be solved in two ways:

We add flex-shrink: 0 to the SVG or apply the width and height directly to the SVG instead of the button.

I’ve created a task :v:

5

Hi guys,

We’ve fixed this issue in Bricks 1.10, now available as a one-click update in your WordPress Dashboard.
You can see the full changelog here: Bricks 1.10 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
M