- Modal - Fixed mutation observer was not properly disconnected
- Modal - Fixed
fullscreen modalhaving incorrect left offset with flex modals #6587
- 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). - Modal - Fixed issue where
scrolling modalwould not allow for scrolling with touch devices. #6449 - Modal - Fixes
@mobileTopAlignedMargintheming variable was not implemented - Modal - Modal now will remove
blurringafter undimming, to prevent issues withposition: fixed#6520
- Modal - Modal and Dimmer now prevent background page from scrolling on mobile or where touch events are present
- Modal - Modal will not refocus a field if field is already focused Thanks @nikolaybobrovskiy #6301
A Special Message about Flex Modals There will be an update shortly to resolve issues related to flex modals when using multiple modals and
detachable: false, in order to not hold up this release, we've decided to move forward without a fix.
- Modal - Modal has been rewritten to use
flexbox. No need to callrefresh()to recalculate vertical centering. - Modal - Modals now have a setting
centeredwhich can be used to disable vertical centering. This can be useful for modals with content that changes dynamically to prevent content from jumping in position. - Modal - You can now modify
closablesetting after init Thanks @mdehoog #3396 - Modal - Modal
autofocussetting now checks to see if currently focused element is in modal, avoiding issues where focus could be set inonVisibleoronShow
- Modal - Fixes issue where an oversized modal would appear behind an existing modal when using
allowMultiple: trueand a second modal that is larger than the screen height. #2423
- Modal - Modal will now take into account absolutely positioned elements inside a modal when determining if scrolling is necessary. #5578 Thanks @lulalala
- Modal - Fixes issue where init order matters when multiple modals are shown at same time and
allowMultiple: trueis used #5559
- Modal - Using multiple modals with different
invertedblurringorclosablesettings will now function normally in all cases #4368 - Modal - Fixed issue where modal
refreshwas being called on modals even if they are hidden, causing display issues when multiple modals are shown. Thanks @p2kmgcl #5319 - Modal - Adds new
scrolling contentvariation to have a modal with content that scrolls - Modal - Adds
tinyandminisized modals Thanks @Banandrew #5123
- Modal -
onDenyandonApprovecallbacks can no longer occur multiple times if you rapidly click a approve/deny button in a. #4479
- Modal - Modal now includes setting to enable/disable keyboard shortcuts
- Modal - Modal will now focus first tabable element, not just
input#4370
- Dimmer/Modal - Fixed a bug which could cause a modal's dimmer to not obey
inverted: trueorblurring: truewhen initializing modals with then afterwards without either setting.
- Modal - RGB values set for dimmer
background-colorwere not being correctly interpreted #3665 Thanks @larsbo - Modal/Dimmer - Fixed issue with
destroynot properly removing events from dimmer #3200
- Modal -
onHidecallback can now cancel event by returning false #3168 Thanks @mdehoog - Divider/Step/Modal/AD - Fixes 1px jump at
@mobileBreakpointcaused by incorrect edge conditions in media query #3180 Thanks @mdehoog
- Modal - Fix autofocus setting in modal not working due to improper selector #2737
- Modal - Increased
closespecificity, modal will now only close on> .close#2736
- Modal - Modal
actionnow uses a more specific selector to prevent modifyingcomment action
- Modal - Modal that is larger than page height will now correctly reset body height on remove #2576
- Modal -
scrolling modalnow correctly inherits rules so that it appears at top of screen on mobile - Modal - Removed legacy JS animation settings still accidentally in docs
- Modal - If you are using a modal with image content, you will need to use
image contenton the parent element. This is becauseflexrules require parent styling that the previoustable-rowrules did not. - Modal - Modal will now only close on buttons matching
denyorapproveselector. Any button that should hide modal on click should either match one of these selectors, or call$('.ui.modal').modal('hide')onclick. - Modal - Added new settings
blurringandinvertedwhich automatically set a modal's dimmer to either inverted or blurring. - Modal - Modal now uses an adjusted
scale intransition in the default theme, that should be more subtle and work better with long modal content. - Modal - Modal
onApproveandonDenynow receive the activating element as the first parameter. Added documentation about usingreturn falseto avoid hiding element on click. - Modal - Modal content now uses flex, image content now requires
image contentclass on parent to allow for flex stylings. - Modal - Modal no longer hides page scroll bar causing dimmed page content to jump positions.
- Modal - Fixed bug where clicking an element detached from dom would cause modal to hide prematurely
- Modal - Clicking on other modals will no longer close open modal when
allowMultiple: true - Modal - Fixed
scrollingclass not being removed after opening a normal modal after ascrollingmodal. - Modal -
scrollable modalnow correctly adds padding below modal - Modal - Modal with
detachable: falseinsideui sidebarpusherelement will now show correctly - Modal - Modals now used fixed widths and not percentage widths. Widths might be slightly different.
- Modal - Modal no longer observes DOM changes by default, added setting to enable
- Modal - Fixes modal
buttonson mobile devices to not have extra bottom padding.
- Modal - Modal no longer hides and reshows dimmer when opening a modal with another modal open with
exclusive: true - Modal - Fixed issue with modal not appearing when calling
showduring another modalhide
- Modal - Fixes typo causing
middle alignedimage not to work correctly.
- Modal - Modal now swaps to
scrolling modalwhenclose iconno longer can be displayed, instead of modalcontent - Fixed bug with chinese mirror modal appearing on every page load when selecting chinese language
- Modal - Modal now accepts custom dimmer settings with setting `dimmerSettings``
- Modal - Fixed issue with modal dimmer appearing cut off in some browsers, and not hiding
- Modal - Fixed issue with modal losing scroll position on mobile
- Modal/Dimmer - Fixed issues with modal hiding during showing and showing during hiding, fixed issues with "hiding other" modals while a modal is mid-animation.
- Modal - Default modal shadow now more subtle
- Modal - Fixes issues with multiple modals sometimes not closing dimmers
- Modal - When a second modal that is not scrolling is opened after a scrolling modal it no longer causes the first modal to not be scrollable
- Modal - "Hammer" clicking multiple times on a hiding dimmer no longer causes animation issues
- Modal - Modal
leftandrightsections are now replaced withimageanddescription - Modal - allowMultiple (allowing multiple modals at once) is now set to false by default.
- Modal - (Backport from 1.0 branch) Fixes issue where modal sometimes appears too low on second show
- Modal - Modals now focus on first input if available Thanks Knotix
- Modal - Docs now have HTML examples
- Modal - Element does not accurately close other modals when initialized at different times Thanks nojhamster
- Modal - Fixes javascript error for browsers that don't support CSS animations if jquery.easing is not included
- Modal - Fixes issue where position sometimes appeared too low on second show
- Modal - Modals now have an onVisible and onHidden callback for after animation ends
- Modal - Browsers without RequestAnimationFrame (Opera) were erroring on modal show
- Modal - Modal onShow and onHide occurs before transition starts, allowing for class name changes not to be reset
- Modal - Modal now uses requestAnimationFrame instead of debounced callback
- Modal - Fixes modal positioning appearing slightly below center on second load
- Modal - Modal will now work when modal is taller than page's content
- Modal - Fixes z-index of modal close to appear above
relative/absolutemodal content on mobile
- Modal - Fixes an issue where modal may not position correctly in some cases Thanks GianlucaGuarini
- Modal - Fixes modal throwing an error when transition is not included Thanks robertoles
- Modal - Fixes possible race conditions in animations of modal thanks dos1
- Modal - New setting
allowMultiplelets you specify whether multiple modals can be shown at once - Modal - New setting
detachableallows you to specify whether modal DOM element can be moved (Thanks MohammadYounes) - Modal - Buttons can now use both
cancel/denyorok/approve, for approve/deny events to fire (Thanks MohammadYounes) - Menu - Fixes z-index on fixed menu to exist just below modals
-Modal: Fixes issues with modal in IE, IE11 can now use CSS animations with modals
- Modal - Fixes element detaching sometimes in case where it is already inside a dimmer
- Modal - Fixes issue with modal animation regression in 0.10.0
- Modal - Fixes use of unsupported comma separated :not selector
- Modal - Fixes left/right ui content receiving modal styles inappropriately
- Modal - Fixes issue with scrollable variation on mobile, updates mobile styles
- Modal - Fixed issue with modals not working in 0.8.4 due to mistake in transition invoke
- Modules - Fixes bug where invoking a sentence behavior that has a single word match would always invoke single word match. I.e.
show modalwould mistakenly callshowif it existed.
- Modal - Adds fixes for opening modals when other modals are opened, adds a few new API behaviors
- Modal - Quick Fix for modal events in IE
- Modal - Fixes issue with modal hiding twice onApprove
- Modal - Modal hide can be cancelled from
onApproveandonDenyby returning false from callback - Modal - Optimizes dimmer init on modal to occur on modal init and not modal show
- Modal keyboard shortcuts now obey settings.closable (credit to luisrudge)
- Adds onApprove/onDeny callbacks to modal
- Adds small/large sizing of modal, reformats default modal size to be slightly inset from page grid
- Fixes modal spacing on left/right content to match up with grid gutters
- Fixes tests not passing for modal/dimmer
- Fixes issue with modal sometimes closing/opening multiple times caused by changes in 0.5.0
- Fixes modal hide/show dependency issue where dimmer would not always hide modal and vice-versa
- Fixes modal show/hide action reversal in Webkit
- Fixes modal not working due to destroy teardown in dimmer Issue #153
- Adds attach events method to modal for attaching modal events to other elements
- Adds input focus/blur to modal, see Issue #124
- Updates modal to refocus elements after close
- Modal no longer uses inline css to center when in fixed position mode
- Fixes issues with modal not swapping to absolutely positioned from fixed when content cannot fit in viewport
- Fixes invoke returning found function instead of results of found function in dropdown, modal
- Modals can now have an icon in its left content that will be automatically formatted
- Refactored modal and dimmer components
- Modal will now resize when browser window resizes if vertical height changes
- Fixes issues with dimmer settings sticking between separate modals with the same dimmer.
- Adds responsive modal styling, modal always now sits with 5% gutters under page grid responsive styling
- Adds basic modal variation
- Issue with modal active state not being removed correctly from modals
- Swaps modal and dropdown to use same variable naming pattern as rest of modules