Fomantic-UI icon indicating copy to clipboard operation
Fomantic-UI copied to clipboard

[Dropdown] Submenu arrow is positioned wrongly

Open mvorisek opened this issue 1 year ago • 3 comments

Bug Report

Steps to reproduce

  1. open https://ui.atk4.org/demos/basic/menu.php
  2. click "Sub-menu"
  3. notice the arrow (as screenshotted below) is positioned wrongly

not sure if related with https://github.com/fomantic/Fomantic-UI/issues/3123

Expected result

The dropdown arrow in sub menu item is expected to be aligned to the middle verticaly.

Actual result

image

Version

v2.9.3

mvorisek avatar Nov 21 '24 14:11 mvorisek

Place the dropdown icon before the text in DOM to fix this. See dropdownicon_first

lubber-de avatar Nov 21 '24 22:11 lubber-de

That breaks the 1st level arrow/icon then:

image

(it is generated with the same template - https://github.com/atk4/ui/blob/5.2.0/template/submenu.html#L3 )

mvorisek avatar Nov 21 '24 22:11 mvorisek

But the first icon is the dropdown item itself, while all sub menu items should only be items containing another menu, not another dropdown items, so they should not share the same template. Thats why i also removed the "ui dropdown" class from the sub menu item

lubber-de avatar Nov 21 '24 22:11 lubber-de