- Dropdown - Fix issue where dropdown menu could not open to right when in
right menu
inside aui menu
(See examples/sticky.html) for use-case
- Menu/Dropdown - Fixed
left menu
insideui menu
would display horizontally asflex
#6359 - Menu/Dropdown - Fixes dropdown item margin not obeyed inside
labeled icon menu
#6557
- Menu - Fixes
disabled item
showing hover style forsecondary menu
Thanks @tcmal #6268
To preserve functionality movePopup
default has remained as true
(moving the popup to the same offset context), however now setting movePopup: false
should now always position correctly. Be sure to use movePopup: true
to avoid issues with ui popup
inside menu
, input
or other places where it may inherit rules from its activating element or its context.
- Dropdown - Fixed issue where using
ui input
in a dropdown menu could cause the input to be too wide in some cases Thanks @banandrew #5085 - Menu / Popup - Fixed issue where
inverted menu
rules would cause popup inside a menu to have incorrect link styling inlink list
Thanks @banandrew #5585 #5603
- Dropdown - Fixed regression that caused sub menu
dropdown
insideui menu
to always appear on left edge of dropdown introduced2.2.11
#5542
- Dropdown - Improved spacing on
image
insidemenu item
and for selectedtext
- Menu - Fixed issue where
left menu
andright menu
did not display correctly instackable menu
on mobile Thanks @BleuDiamant @Traverse #3604 #5116 - Menu - Fixed issue where
(x) item attached menu
was off by 1 pixel due to a css inheritance issue #4248
- Dropdown - Fix search input inside dropdown menu causing dropdown to close before selection when selecting an item #5113
- Dropdown - (IE11 Only) Fixed issue where dropdown re-opens immediately after closing when using a
search
inside menu. #4237
- Dropdown - Dropdown using search input inside of menu are now tabbable #4490
- Dropdown - Fixed bug where clicking on a dropdown's
dropdown icon
when using remote data would not open menu #4041 - Dropdown - Fix bug where
scrolling menu
orscrolling dropdown
would have excessive right padding by removing scrollbar width from calculation (no longer necessary in modern browsers)
- Menu - Fixed issue where
dropdown
invertical menu
would not correctly openupward
when no space below Thanks @gdaunton [#4150 #4156 - Popup/Menu - Fixed issue where popup would not appear correctly when nested in menu in some ways.
- Popup - Fixed popup in menu example
- Dropdown - All dropdowns, not just
selection dropdown
, will now select the firstmenu item
that starts with a pressed keyboard key, for example "N" will select "New" - Dropdown - Dropdown will now automatically focus on
search
inside of a dropdown menu after it is opened. - Dropdown - Added new setting for search selection
hideAdditions
this will remove showing user additions inside the menu, making for a more intuitive adding process. Dropdowns now have a new stateempty
which will format an active dropdown with empty results. #3791 - Search - Fixed an issue where
onResult
returningfalse
would not prevent the search menu from hiding. Clicking on an empty results message will also no longer close the search results. #3856 #3870 - Dropdown - Dropdowns with sub-menus would not properly activate on mobile #3183
- Menu -
stackable
menu withleft/right
menu
oritem
would incorrectly be floated when stacked. #3604 - Menu -
tabular menu
now has correct bottom margin #4167 - Menu -
@dividerSize
was not being used invertical menu
#3781 - Menu -
vertical text menu
no longer includesleft
orright
padding, but will now sit flush with content.
- Menu - Fixed
1px
offset whenattached segment
followstabular menu
(max of 2 consecutive segments) #3479 - Search - Search now correctly hides menu when an error message inside results is clicked. #3039
- Dropdown - Fixed condition where focusing on dropdown would show a blank menu when "no results" was reached and the dropdown was refocused
- Dropdown -
search dropdown
will now initialize withautocomplete="off"
to avoid triggering native autocomplete menu
- Menu - Fixed issue where
right menu
was not floating correctly inside amenu > container
on mobile #2969
- Menu - Added new
tabular
menu types,right tabular
,bottom tabular
, added many newtabular
menu variables for customizing - Menu - Appearance of
labeled icon menu
has been modified. Horizontal menus now have icons above text, and icons are slightly larger than before. - Menu -
inverted menu
now supportcolored
individual items Thanks @maturano #2850 - Menu -
text menu
now uses padding for hitboxes to make target area for links larger
- Dropdown - Fix
left menu
insideui menu
appearing horizontally #2778 - Dropdown - Fixed error where menu would disappear when entering spaced words using
allowAdditions: true
caused by value matching its own whitespace-trimed value #2853 - Menu - Fixed
(x) column
nested grid with alignment stacking vertically (wrong flex-direction) #2810 - Menu - Sub menus now work correctly and are correctly spaced inside
secondary menu
and text menu` #2862 - Menu - Fixes tabular menu missing variable for background. Thanks @frontdevde
- Icons - Fixed issue where
active icon
oremphasized icon
would not adjust opacity inside menus - Menu -
@pressedItemColor
has been renamed to@pressedItemTextColor
to match naming conventions of other variables - Menu - Added
flex: 0 0 auto
to menu item to make sure menu do not collapse text content to reduce space - Menu - Fix text align on
dropdown item
insideicon menu
- Menu - Fixed hybrid initialization not creating
menu
correctly. Fixed docs example of hybrid<select>
initialization - Menu - Fixed issue with
labeled input
text inside menu not appearing vertically centered
- Dropdown - Fixed issue causing
multiple search dropdown
usingsearch
inside menu to break when multiple #2666
- Dropdown - Fixed
search selection
appearing incorrectly inside menu (default text would not disappear) #2624 - Menu/Segment/Table - Consolidated
attached
logic for all components using attached. #2599
- Dropdown - Dropdown icon will now always toggle menu visibility #2510
- Dropdown - Clicking on label, or deleting a label will no longer trigger dropdown menu toggling
- Dropdown - Dropdown will now show correctly when menu only includes a message with no other items
- Menu - Fixed
pointing menu
arrow color slightly off - Menu - Inverted menu no longer includes a 1px transparent border.
- Menu - Fixes
compact vertical menu
usingflex
style incorrectly - Menu - Fixes
border-top
not appearing onbottom fixed
menu
- Menu -
tiered menu
has been removed in2.0
. This may be rewritten in the future, but was not up to the standards of the rest of the library and has been removed. - Dropdown - Dropdowns now automatically observe changes in
menu
and will update selector cache with new additions - Dropdown - Added new dropdown variation
scrolling dropdown
andscrolling menu
, this can be used to include a scrollable section inside a dropdown menu. - Dropdown - Using
page up
andpage down
keys will now scroll menus by a page at a time - Multiple UI - Many components now use flexbox, which means previous confusing fixes like
font-size: 0;
to remove white-space from inline block is no longer necessary. Removing this hack, now means any element can be a direct child ofgrid
ormenu
. - Menu - Menu now uses flexbox. This allows menu items to match each others heights regardless of each items content size.
right menu
content should now follow other menu content instead of preceding it (no longer uses float). - Menu -
vertical tabular menu
, a vertical tab menu, has been added - Dropdown - Nested
scrolling
menus now support keyboard selection, e.g. pressing "A" for apple, and keyboard scrolling. - Dropdown - Added
showOnFocus
option that lets you specify whether dropdown menu should show on focus - Dropdown - Page down and page up now works with dropdown menus
- Menu - Add examples/documentation for
fixed menu
- Menu - Added
stackable
menu variation for simple responsive menus - Menu - Added many new variables to menu
- Menu - Fixed several inheritance issues for
dropdown item
insidemenu
appearing asmenu item
. - Menu - Horizontal menus now set a default image size for images / logos
- Menu - Menus items are now slightly more padded
- Menu - The hover/active state of
dropdown item
have been adjusted to matchitem
. Dropdown styles can be themed specifically insidemenu
. - Menu - Vertical dropdown menus are no longer 100%
min-width
- Button - Fixed
attached buttons
1px offset when attached to segment and menu (border vs box shadow border) - Dropdown -
focus
after changing tabs will no longer cause menu to re-open Thanks @trevorharwell - Dropdown - Fixes issue with headers disappearing inside of
ui dropdown
when nested inui menu
- Dropdown - Fixes
onChange
to fire when input value changes, not just when menu UI changes - Dropdown - Dropdown
menu
now use same font size as dropdown - Dropdown - Fixed border radius on
sub menu
when alignedleft
- Dropdown - Fixed dropdown menu items should not center inside of a center aligned container.
- Menu - Fixed menus like
left fixed
right fixed
are all now class order dependent. - Menu - Fixed 1px border on last element of inline menus like
pagination menu
orcompact menu
- Menu - Fixes divider appears on last element of
(x) item menu
- Menu - Fixed
top attached menu
not having margin-top, andbottom attached menu
not havingmargin-bottom
- Menu - Menu now has a
min-height
that matches standard item padding - Menu -
dropdown menu
in asecondary pointing menu
ortabular menu
now receive distinct active styling from otheractive item
- Menu - Fixed arrow position in
pointing menu
to be more consistent, round to exact pixels and account for arrow border width - Menu - Fix issue with
pointing
arrow having too high az-index
and appearing aboveui dropdown menu
- Sidebar - Last menu item now has a border when sidebar and menu are used together
- Menu - Menu now uses
border
for borders instead ofbox-shadow
- Menu -
secondary pointing menu
has had some slight design tweaks, thinner lines, more padding - Menu - Active sub-menu items are now
bold
- Menu - Menus no longer have additional borders on
active item
in the default theme - Menu -
tiered menu
has been removed - Menu - Increased contrast on
inverted
menu selection for legibility
- Dropdown - Fixed
left
andright
arrow does not move input cursor withvisible selection dropdown
. Event accidentally prevented bysub menu
shortcut keys.
- Menu/Dropdown - Fix dropdown headers disappearing inside menus
- Dropdown - Fixes IE10 scrollbar width in menu (calc was being precompiled in LESS) Thanks @gabormeszoly
- Menu - Horizontal menus now use flexbox so they can resize automatically to content size.
- Menu -
ui tiered menu
has been deprecated. It has been removed from the docs, and will be removed eventually in2.0
- Input - Fix bug with vertical centering of
ui action input
insidemenu
due toflexbox
changes - Menu - Fix vertical pointing menu, sub menu arrow color
- Menu - Fixes dropdown menu item not having a hover state inside inverted menu
- Menu - Fixes pointing menu displaying under dropdown menu
- Dropdown -
search selection dropdown
will now close the menu when adropdown icon
is clicked
- Dropdown - Keyboard navigation will now allow opening of sub menus with right/left arrow. Enter will open sub-menus on an unselectable category (
allowCategorySelection: false
) as well. - Dropdown - Mutation observers will now observe changed in
<select>
values after initialization, and will automatically update dropdown menu when changed - Dropdown - Dropdown no longer will not show menu when no
item
are present in menu. Dropdown will now only filter results forui search dropdown
#1632 Thanks PSyton. - Dropdown - Fixed bug where link items would not open in sub-menus due to
event.preventDefault
- Label - Fixed
ui corner label
appearing on-top ofui dropdown
menu due to issue in z-index hierarchy - List -
relaxed list
andvery relaxed list
no longer add padding to child menu items
- Dropdown - New
upward dropdown
variation, which opens its menu upward. Default animation now uses ``settings.transition = 'auto'` and determines direction of animation based on menu direction - Dropdown - Fixed bug where sub menus may sometimes have dropdown icon overlap text
- Dropdown - Fixes dropdown search input from filtering text values when input is inside menu, i.e "In-Menu Search"
- Segment -
ui tabular menu
now correctly aligns with attached segment when using fluid variation Thanks @MohammadYounes - List - Fix some styling issues with
ui list
insideui menu
- Menu - Fixes
fluid text menu
to have correct margins
- Menu - Fixes
ui fluid labeled icon menu
to not havemin-width
- Dropdown - New setting
allowCategorySelection
lets menu items with sub menus be selected. Added example in docs. - Menu -
ui fixed menu
now defaults toui top fixed menu
- Menu - Fix border radius of dropdown menu inside
ui vertical menu
- Menu - Fix formatting of
ui selection dropdown
insidemenu
- Dropdown - Dropdown can now specify which direction a menu should appear left/right, dropdown icons can also appear on the left
- Dropdown - Dropdown now always scrolls to active element on menu open, calculates position with new
loading
class - Dropdown - Fix bug in position of sub menus with
floating dropdown
- Menu/Segment Fixes double border on pointing menu with attached segment Thanks davialexandre
- Menu - Removes missing image loader variable Thanks ryan-mahoney
- Dropdown - Sub menus inside dropdowns now need a wrapping div text around sub-menu descriptions
- Accordion - Fixes incompatibilities with
ui list
when used inside aui accordion
, fixes issues with menu accordion display in some circumstances - Menu - Fixes
ui inverted secondary pointing menu
to have correct pointer color for all color variations Thanks AdamMaras - Docs - Language clarified for menu/rating definition Thanks jnbt/ewiner
- Menu - Fixes bug where pointing menu would sometimes appear below content Thanks Skysplit
- Menu - Fixes formatting of attached segments with menus
- Menu - Fixes 2px border on last element in horizontal menus
- Menu - Fixes dropdown formatting when used *inside a menu item
- Menu - Fixes formatting of grouped icon buttons inside menus
- Menu - Slightly updates input sizes inside menus
- Menu - Fixes buttons using
<a>
tag from inheriting link styles. thanks joltmode - Menu - Fixes
action input
to work inside menus thanks joltmode
- Menu - Fixed menu now adds padding on the next element if it is a grid
- Menu - Fixes z-index on fixed menu to exist just below modals
- Menu - Dropdown position inside secondary menus should be more precise
- Menu - Floating dropdown menus now work inside menus
- Menu - Fixes some inverted menu stylings not applying correctly in some instances
- Fixes bug in jquery waypoint 2.0.3 causing menus to be lame
- Menu - Fixes arrow direction on vertical menu dropdown
- Dropdown - Fixes pointing dropdown to appear correctly in menu
- Menu - Fixes border radius on tabular menu, fixes one pixel jump on active state
- Menu - Removes vertical label width missing units in menu
- Dropdown hide no longer selects current item as active (useful for menus)
- Fixes input position inside menus with no other content
- Fixes input sizing on small/large menus
- Adds automatic menu formatting for buttons inside menus
- Dropdowns in vertical menu automatically receive proper triangle pointer direction
- Fixes right menu formatting in secondary menus
- Fixed shadow overlap on dropdown in menus
- Dropdown now formats top and right arrow icons automatically with icon coupling with sub menus
- Fixes position of menu dropdowns in some cases
- Fixes icon input inside a menu placement issues
- Adds horizontally padded, vertically padded menu item variations to allow menu items to remove padding
- Added fixes to tabular menu especially with attached content