WAIT: Some issues in nav menu

Bugs
1

Browser: Chrome 127.0.6533.100
OS: Windows

Hi,

1- If we use an SVG icon for the sub menu icon, it does not have a normal state. Please see the screenshot below. If you change the color of the svg icon using the fill option, it is clear that there is a problem.

Screenshot_1

2- If the website is RTL, the sub menu icon is completely attached to the text. Because the margin is applied from the left like LTR. While it should be on the right side.

Screenshot_2
Screenshot_21919×639 45 KB

3- If we set a background color hover for the item, it will ignore the border radius of the submenu when hovering.

2

Hi Hosein,
Thanks so much for your report!

  1. It is probably due to your SVG, as I cannot reproduce the problem. In general, please share the SVG code with any SVG report.
  2. True, there is currently no RTL rule for this - but you can overwrite the icon margin in the settings.
  3. I don’t understand the issue. Please show an example.

Best regards,
timmse

3

Hi again

1- Maybe, but this svg only has problems in the nav menu element sub menu.

3- Please watch the video below. Maybe the best solution is to set the border radius for the item. But if the number of submenus is 2 or more, it is not a good idea. Because the border radius is applied to each item.

thanks

4

Regarding the first one, it seems that the nav menu adds a stroke to the svg. When we set the stroke width to zero in the svg settings, the problem is solved.

Screenshot_1
Screenshot_1778×356 16.4 KB

5

Hi again

A little more detail about the first one…

This problem exists both in the nav menu element and the drop down. In fact, it seems that the icon below the menu uses the fill color from the top level typography color.

In fact, it seems that the sub menu svg icon uses the “Fill color” from the top level > typography > color.