SOLVED: 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.

6

Hi timmse,

Except for the third issue, all other issues have been fixed in recent versions. The third issue has been reported earlier in this report > the first issue.

Thank you for your attention to user reports.

7

Hi Hosein,
I’m glad to hear that, but what do you mean by this?

Is this still happening?

8

Hi timmse,

I apologize for forgetting to add the link to the report🙏

Is this still happening?

And yes, this problem still exists Both in the Nav menu and nav nestable elements, which I mentioned in this report > first case.

nav
nav524Ă—505 17.2 KB

If items have a hover background color, they ignore the ul (sub mebu) border radius. I tried to solve the problem with:

%root% .sub-menu{
overflow: hidden;
}

But this causes Caret to crash.

9

So to summarize:

1 + 2 are solved/no problem anymore, and 3 has already been reported by you here, and unfortunately is still not solved:

So we can mark this report as solved and just ignore 3, since it’s a duplicate :slight_smile: Thanks for the update!

1 Like
10

Yes, exactly. Thanks for looking into this🙂