- Modal/Dimmer - Modals and dimmers now include a new setting
useFlexwhich defaults toauto. Modals and dimmers will automatically revert to using non-flex layouts when there may be layout issues with using flexbox. Modals will fall back to JS position whendetachable: falseis used or with IE11/Edge (Absolutely positioned elements inside flex containers in IE behave differently).
A general solution will most likely require branching code for IE11 which will disable flex (as IE11 doesnt correctly implement the latest spec for absolute positioned flex containers).
- Sticky - Fixed an issue where
ui stickyused with a percentage based width would not resize properly if the content size of container changed when "stuck" #4360
- Sticky - Adds
containersetting. This can be used to specify the offsetParent of the sticky element and avoid having to calculate on initialization (improving performance)
- Sticky - Fixes bug where sticky would stick at incorrect times when using a different scroll container than
bodyand scrollTop is not 0 on page load.
- Menu - Fixed issue where
right menuwas not floating correctly inside amenu > containeron mobile #2969
- Container - Fix issue with
fluid containerbeing100% + gutterat mobile resolution (causing overflow) - Grid / Container -
ui relaxed grid containerandui very relaxed grid containerwill now all render at same container width
- Sticky - Fixed
stickycontent jumping fromfixedtobound bottomwhen scroll position has surpassed bottom of container during page refresh. - Sticky - Sticky no longer uses
bottomPaddingto determine bottom edge of container.
- Grid -
page gridhas been deprecated.page gridsused percentage gutters which made it unnecessarily difficult to style responsive page content. Moving forward we recommend usingui containera fixed width responsive container for holding page contents. - Container - Containers are fixed width containers meant for holding page contents, and are a simpler alternative to
ui page grid, view more examples in docs - Search - Search will now generate
resultscontainer if one is not present on init - Dropdown - Fixed dropdown menu items should not center inside of a center aligned container.
- Rail - Rail 100% height now uses
border-boxto ensure exact height match to container - Sticky - Fix issues when
pushing: truewith sticky content having incorrect bottom spacing, when container has bottom padding
- Grid - Fixed
right/left/center alignedto adjustalign-itemsin flex containers likeequal height/width
- Table - Fixes table on
mobilesizes can surpass parent container width - Sticky - Fix bottom attached position not adjusting for bottom padding on container element
- Button - Fixes
<button>insidevertical buttonsnot taking full container width
- Sticky - Fixes issue with container size not being set explicitly on rail due to improper method renaming
- Grid - Fixed page grid allows for fixed pixel size containers used with a grid instead of percentage