- Fix Inverse component not being responsive for multiple target elements
- Revert: Fix performance when transitioning element properties in Chrome (causes regression in Safari and Firefox)
- Fix regression with transitioning element properties not being applied
- Fix performance when transitioning element properties in Chrome
- Fix Grid component performance regression
- Fix min option in Height Viewport component
- Fix Safari 18.3
:not(:has(...)) invalidationissue causing hidden class not showing in Visibility component
- Add
propertyoption to Height Viewport component
- IMPORTANT: Rename
minHeightoption tominin Height Viewport component
- Fix Toggle component does not toggle if element is a link without
hrefattribute
- Add dropbar margin variable to Dropdown component
- Fix pressing arrow down key on nav item in Dropbar component opens Dropdown component
- Fix vertical alignment for input of type date, time and datetime-local in Safari
- Fix missing list markers in Chrome in List component
- Apply accordion item hook also to the first item
- Add
slidnavoption to disable slidenav to Lightbox component - Add
navoption to show a vertical thumbnav or dotnav to Lightbox component - Add
counteroption to show counter with current item number and total number of items to Lightbox component - Add
video-autoplay: inlineoption to autoplay video without controls and muted to Lightbox component - Add zoom behavior to images and inline videos if they are higher than the viewport to Lightbox component
- Allow
templateoption to reference atemplateelement in the DOM for the lightbox layout in Lightbox component - Add hidden class to hide empty elements to Visibility component
- Add inverse style for form rang to Form component
- Add margin xsmall classes to Margin component
- Add horizontal margin variable to subnav pill in Subnav component
- Add text stroke class to Text component
- Add close-circle and arrow-down-arrow-up icons
- Add
reloadoption to Countdown component - Add
offset-endoption to Sticky component
- IMPORTANT: Remove
@lightbox-toolbar-icon-*and@lightbox-button-*from Lightbox component - IMPORTANT: Rename
@lightbox-toolbar-*to@lightbox-caption-*in Lightbox component - IMPORTANT: Rename
@lightbox-item-colorto@lightbox-colorin Lightbox component - Set
delay-controls: 0prevents hiding controls in Lightbox component - Update default lightbox template in Lightbox component
- Change padding calculation of search box and search icon in Search component
- Change search style medium and large to look the same as default in Search component
- Fix spaces in the markup affecting the horizontal divider margin in Breadcrumb component
- Fix Navbar component not re-applying transparency after closing Drop component
- Fix regression in Scroll component
- Fix regression in SVG parsing
- Fix child components in Dropdown components toggling transparency in Navbar component
- Fix Navbar toggles Dropdown component when hovering with mouse on initial page load
- Fix Scrollspy Nav component checks if targets exists before activating state
- Fix Slideshow component list does not fill available space in Safari
- Fix hidden class keep showing elements on hover if a link is clicked in Visibility component
- Fix showing elements if an element has focus within in Transition component
- Fix
scrollIntoView()for elements withscroll-behavior: smooth - Fix Offcanvas in reveal mode unwraps itself
- Fix Sticky component not using
position: stickyif parent hasoverflow: clip - Fix Sticky component is now inactive if page can't be scrolled
- Fix using comma separated selectors in filter controls in Filter component
- Fix Video component does not autopause videos with autoplay set to false
- Fix regression in updating computed values (again)
- Fix regression in updating computed values
- Fix Sticky component calculates wrong top offset, when animation is in progress
- Fix rounding issue in Slider component in Firefox
- Fix calling
query()andqueryAll()with empty string throws exception
- Fix toggled hidden hover class to display elements on hover for touch devices using
tabindexin Visibility component - Fix offsetViewport calculation if window is passed as scrollElement
- Fix offsetViewport calculation for browsers in quirks mode
- Fix selector engine to handle spaces within parentheses correctly
- Fix BC to component initialization not accepting plain html markup
- Fix Sticky component not resizing correctly if parent element has
display: contents - Fix Scrollspy Nav component to ignore anchor elements with
role="button" - Fix Drop component causes scroll position to jump when overflowing its scroll container
- Fix auto generating navigation in Slider and Slideshow component
- Fix Height Viewport component offset top option
- Fix keyboard navigation within input elements in Dropnav component dropdowns
- Add
targetoption to Scrollspy Nav component
- Scrollspy Nav component defaults to a 10vh active top offset
- Remove
overflowoption from Scrollspy Nav component
- Fix Drop component does not immediately show if current active Drop is delaying
- Fix Scrollspy Nav falls back to document if target is not found
- Fix regression in Slideshow component
- Fix Slider component shows wrong slide after resizing
- Fix regression in Slideshow component not transitioning first slide
- Fix regression in observer handling
- Add new search navbar modifier to Search component
- IMPORTANT: Rename
uk-search-navbarclass touk-search-medium - IMPORTANT: Rename
@search-navbar-*variables to@search-medium-* - IMPORTANT: Rename
@inverse-search-navbar-*variables to@inverse-search-medium-* - Rename old search navbar modifier to search medium in Search component
- Fix clickable search icon not being in natural ordering for sequential focus navigation
- Fix regression in Sortable component
- Remove
removeClasses()util function
- Fix slide transition in Slider component in Safari
- Add color mode
--uk-inverseproperty in all components
- Fix race condition in Slider/Slideshow component
- Fix prompts with double quotes in Modal component
- Fix infinite loop in Slider component
- Fix check for
Elemenent.prototype.checkVisibilityfunction - Fix filter animations in Safari
- fix: revert adding esm build for now (breaks resolving logic)
- Fix missing esm dist files in package
- Fix missing esm export for icons
- Fix missing esm export
- Fix regression in none browser environment
- Make gutter overridable through grid classes in Iconnav and Thumbnav components
- Fix Switcher component may show multiple items if toggled while previous animation in progress
- Fix regression in selector engine
- Fix regression in Inverse component
- Improve query selector performance 🏎
- Queue updates on microtask instead of animation frame to ensure more immediate updates
- Remove deprecated
closest()andwithin()functions
- Fix lazy loading on target in Toggle component
- Add
hovermode toautoplayoption in Video component
- Add center vertical and horizontal classes to Position component
- Fix
scrollIntoView()when target is covered by another element
- Add Bluesky icon
- Fix Video component handles fullscreen mode correctly
- Add breakpoint classes for flex direction, dimension and alignment
- Add
activeoption to Slider component
- Remove obsolete fix for rounding issues in Width component in IE11/Edge
- Fix width expand classes mixed with other width classes of higher breakpoints in Width component
- Fix combination of width auto and expand breakpoint classes
- Fix logo inverse selector to work with different types of images
- Fix Tooltips not showing in iOS
- Fix parallax scrolling for Slideshow/Slider component with finite mode
- Fix Slider component disables infinite scrolling prematurely
- Fix Sass sources by renaming spin() (LESS) to adjust-hue() (Sass)
- Fix Height Match component recalculates its heights, when a font has loaded
- Fix dropbar offset in Navbar component
- Fix autoplay option in Lightbox component
- Fix height in Height Placeholder component
- Fix Height Match component to use viewport dimensions as base again
- Fix wrong dropbar offset in Navbar component
- Fix conflict if multiple Dropnav components share the same container
- Close modal if contained video leaves fullscreen mode
- Fix Video component does not pause video if it enters fullscreen mode
- Fix page scrolls while sorting in Sortable component
- Fix horizontally overflowing elements are not scrollable in Modal component
- Fix Height Match component applied to SVG elements
- Remove Pagekit CMS icon
- Add parallax options to Slider and Slideshow components
- Add Inverse component to color content with no background depending on intersecting elements beneath
- Add color mode for default and muted style modifiers in Section, Tile, Card and Overlay components
- Add Height Placeholder component
- Add size modifier to Nav component
- Add link external and arrow up right icons
- Add X, Mastodon, Telegram, Threads, Signal and YOOtheme icons
- Replace
nonewithdarkas default for navbar, dropdown and dropbar color modes - Twitter icon will show X icon
- Responsive component uses
aspect-ratioif available
- Fix icons task on Windows
- Fix Height Match component uses offsetHeight as base
- Fix Tooltip component not hiding when used with delay
- Fix Tooltip component initialized programmatically
- Fix Tooltip component not hiding on blur
- Improve Tooltip performance
- Deprecate
closest()andwithin()functions
- Fix
scrollIntoView()function scrolls to wrong position - Fix Drop and Modal based components remain open when anchor click targets element within
- Fix build
- Add
uk-transition-disableutility class to Transition component
- Fix disabling transition during Sticky component size recalculation
- Fix regression in Video component causing videos to autoplay with
autoplayset tofalse
- Deprecate
isInView()andintersectRect()functions - Deprecate
target-offsetoption in Sticky component
- Video component uses IntersectionObserver only
- Fix Scroll component not detecting covering element correctly
- Fix filter animation fade
- Fix Grid component applies
uk-grid-stackclass wrongly
- Fix
scrollIntoView()function uses offset left to detect elements that would cover target - Fix Height Match component recalculates its heights, when a font has loaded
- Fix icon alignment in Pagination component
- Fix Sticky component overflow scrolling position on resize
- Fix Cover component no longer uses inline style
- Add modes
pack(default) andnextto Grid component'smasonryoption - Add
parallax-start,parallax-end,parallax-justifyoption to Grid component - Add
close-on-scrolloption to Drop and Dropdown component - Add transparent Navbar gets its color modifier from underlying section
- Add support for
<td>and<tr>elements tofragment()function - Add 3XL size modifier to Heading component
- Add support for a CSS Selector in
offsetTopoption in Height Viewport component
- Scroll component scrolls beneath elements covering its target
- The
closest()function no longer accepts an array of elements - Reset fieldset min-width
- Fix Height Viewport component not observing viewport changes with
expand: true - Fix passing a
vhunit to optionscalerelates to element's height in Parallax component
- Fix minified build to use template-strings too
- Add
-sourceargument toprefixcommand
- Fix Toggle in hover mode does not trigger when scrolling in FireFox
- Fix Parallax component stop parsing
- Fix delayed show in Drop component shows drop, although toggle is no longer hovered
- Fix regression in Slider component
- Fix disconnecting Sticky component
- Fix potential rounding issues in
offset()function, when used as setter - Fix to ensure Slider items have
max-width: 100% - Fix Dropdowns in Dropnav and Navbar components are initialized too late causing CLS
- Fix existing notification container has to be visible before appending notification
- Fix release changelog
- Fix Toggle component with
clsoption in hover mode - Fix
aria-roledescriptionattribute in Slider nav component
- Fix Parallax component responsiveness on resize of scroll container
- Modal prompt dialog selects text in input
- Sticky component sets position context with
!importantmodifier
- Fix keyboard navigation in Navbar component
- Add i18n labels for Search Icons
- Fix Toggle component uses anchor element's hash as target fallback
- Remove
Deferredutil class
- Fix auto pausing videos in Video component
- Fix Tooltips are not removed from Dom if showing is prevented
- Fix Switcher component not initializing properly
- Fix Tooltip generates duplicate id
- Fix calculating sets in Slider component with
centeroption enabled - Fix JavaScript error in Parallax component
- Fix Drop component height if
inset: trueandstretch: true - Fix Drop component
maxWidthproperty with fractional viewport view - Fix Sticky component listens for resize of itself as long as no transition is in Progress
- Make Navbar/Dropnav items tabbable again
- Fix using
rgbandrgbavalues in color stops in Parallax component - Fix setting
will-changecss property in Parallax component for camelCased props - Fix Slider removes
tabindexfrom focusable elements in slides - Fix class
uk-svggets added to<svg>element only in Svg component
- Fix Sass sources
- Fix Scrollspy Nav component updates state once shown
- Fix push history state in Scroll component if href differs from current url only
- Remove roles
menubarandmenuitemfrom Navbar component - Add
watchto component options API
- Fix including UIkit scripts at the end of
bodyelement
- Fix reactivity in Toggle component
- Fix regression in Scrollspy component
- Fix focus style for dropdowns when used with Inverse component
- Fix regression in Lightbox component
- Add hidden visually class for assistive technologies to Visibility component
- Make toggle classes to display elements on hover or focus accessible to screen readers in Visibility component
- Change boot behavior: if script is loaded synchronous, UIkit boots as soon as body element is available
- Fix component distributions
- Fix Slider/Slideshow component autoplay in Firefox
- Fix using input of type range in Modal component on touch devices
- Fix accessibility in Slideshow/Slider and Nav component
- Fix prevent initial transition in Sticky component
- Fix keyboard navigation in Navbar component
- Fix importing UIkit in Next.js
- Fix Sass sources
- Fix
createComponentcall withoutelementparameter
- Fix functional component initialization
- Fix
pause-on-hoveroption in Slider/Slideshow component
- Add
observeto component options API
- Fix default i18n option for Modal dialogs
- Fix Slideshow initially shows last slide first
- Fix Height Match component does not change height while updating
- Fix Slider reactivity when a slide is hidden/shown
- Fix Scroll component correctly changes history state
- Fix object type coercion
- Fix event delegation did not delete
currentproperty causing parent event handler to trigger - Fix focusable elements within none visible slides are no longer focusable in Slider component
- Fix opened Drop component prevents smooth scrolling of document on iOS
- Fix missing dropnav.scss file from dist
- Add WAI-ARIA roles, states and properties to interactive JavaScript components
- Add WAI-ARIA keyboard interaction pattern to interactive JavaScript components
- Add language internationalization (i18n) for interactive JavaScript components
- Add
i18noption to corresponding JavaScript components - Add Dropnav component
- Add parent icon to Drop component
- Add support for YouTube Shorts URLs in Lightbox component
- Add Android, Android Robot, Apple and Microsoft icons
- Add
uikit:initevent triggered on document before components initialize - Add
countdownstart,countdownstopandcountdownendevents to Countdown component
- IMPORTANT: Remove
.uk-dropdown-closefrom Dropdown component. Useuk-drop-closeinstead - IMPORTANT: Remove
.uk-dropdown-gridfrom Dropdown component. Useuk-drop-gridinstead - IMPORTANT: Remove
.uk-navbar-dropdown-closefrom Navbar component. Useuk-drop-closeinstead - IMPORTANT: Remove
.uk-navbar-dropdown-gridfrom Navbar component. Useuk-drop-gridinstead - IMPORTANT: Remove error message options in Upload component, use
i18noption - IMPORTANT: Rename
labelsdefault property and option onUIkit.modaltoi18n - Move functional CSS from Dropdown, Dropbar and Navbar component to Drop component
- Remove
ajax()util function, use nativefetchinstead - Remove
getImage()util function
- Fix Dropbar partially closing before opening when switching between Navbar items
- Fix Parallax component updating too late during slide animation in Filter component
- Fix Tooltip component appends to
containeroption, prevents margins in scroll container - Fix regression in
scrollParentsfunction
- Fix prevent background scrolling in Safari
- Add Eye and Eye Slash icons
- Update Lifesaver, Paint Bucket and Video Camera icons to fit outline style
- Fix Scroll component scrolls to elements by name
- Fix Tooltip appends itself to the closest scroll container if within element referenced by
containeroption
- Add larger gap on larger viewports to Navbar component in UIkit theme
- Add gradient for text background to Text component in UIkit theme
- Add gradient for thumbnav item to Thumbnav component in UIkit theme
- Improve close icon not overlaying content in Modal component in UIkit theme
- Fix nav in Dropdown component not overriding properties of Nav component
- Fix disable native position sticky in Sticky component if parents
overflowis not set to visible - Fix Drop positioning
removeAttrno longer accepts a space separated list of attribute names
- Fix stacking context if using
position: stickyin Sticky component - Fix height calculation for
box-sizing: border-boxon Accordion content - Fix error in console if image can't be loaded in Svg component with
stroke-animation: true - Fix
scrollIntoView()no longer considers elements withposition: clipas scrollable parents - Fix Slider shows not centered initially with
center: true
- Fix positioning of Tooltip and Drop components if target is inline element
- Fix Sticky component resizing on
clsBelowclass causes stutter - Fix Sticky component correctly resets on becoming inactive
- Fix detection of finite mode in Slider component with
centeroption enabled
- Fix detecting unit in Parallax component stops
- Add
will-changecss property to Parallax elements
- Fix for elements with
position: stickyto keep their position when Offcanvas is opened - Fix regression in clicking hash links in Modal component that match
sel-closeoption - Fix jump after animation if Accordion content has
padding-bottom - Fix Sticky listens for resize of itself while not positioned
fixed - Fix Sticky positioning on mobile devices
- Remove
offsetTopandoffsetLeftoptions from Image and Scrollspy component. Usemargininstead. - Sticky component uses native
position: stickyif possible
- Fix Scroll and Scrollspy Nav components handle same site links only
- Fix Drop positioning within not scrollable viewport
- Fix overscroll behavior in Dropbar
- Fix conversion of viewport height units with
toPx()on mobile devices
- Fix error thrown when keyboard navigating Navbar component
- Fix Sticky component does not reset width on resize
- Add
uikit:initevent triggered on document before components initialize
- Fix placeholder has no width if Sticky element's width depends on its content
- Fix Slider/Slideshow Parallax respect
mediaoption - Fix Video component with
autoplay: trueno longer resumes autoplay on scroll after being paused - Fix width/height passed through
attrsto video item in Lightbox component - Fix regression in Sortable component (elements are hidden after sorting)
- Add Crosshairs icon
- Remove
focusableoption from Icon and SVG component
- Fix content not focusable with keyboard in Scrollspy component
- Fix removing Lightbox causes JavaScript error
- Fix cases where Switcher component wouldn't correctly initialize in Chrome
- Fix Drop component positioning if target and element are not within same scroll parent
- Fix regression in Filter component animation
- Fix case where UIkit breaks if a form with an input named
attributesexits
- Fix WAI-ARIA rules for Tooltip component
- Fix slide animation in Sortable component
- Fix input fields reverting to previous value while sorting in Sortable component
- Fix column break within the list item in List component
- Fix Toggle component when using mouse and keyboard simultaneously
- Fix register passive event handler in Slider component
- Improve Accordion component keeps toggle in view when toggling
- Fix Slider drag stops on scroll now
- Modal closes on click on hash links
- Fix check for selectable Text in Slider drag
- Fix reactivity in Switcher component
- Fix accordion items wrap themselves during transition
- Fix regression in Video component (no autoplay if within a Scrollspy)
- Fix detecting unit in Parallax component stops
- Fix regression in transition animations in Drop component
- Fix regression in Filter component
- Remove divider from nav header for divider modifier in Nav component
- Fix Slideshow no longer completely resets upon adding slides
- Add
boundary-xandboundary-yoptions to Drop component
- Remove click event listener in Scroll component correctly
- Video component will set
allow="autoplay"on iframe elements - Allow additional props to be set on Navbar component to initialize its Drops with
- Fix Navbar component resize does not trigger reposition of dropbar
- Fix register scroll listener as passive
- Add Dropbar component
- Add
target,target-x,target-yandinsetoptions to Drop component - Add
stretchandbg-scrolloptions to Drop component - Add
shiftoption to Drop component - Add
slideandrevealanimations to Drop component - Add
animate-outoption to Drop component - Add open and close animation to toggle icon in Navbar component
- Add dropdown large modifier to Dropdown and Navbar component
- Add gap variables to navbar items in Navbar component
- Add color mode variables for dropdowns in Dropdown and Navbar component
- Add navbar parent icon to Navbar component
- Add secondary style modifier to Nav component
- Add font size variables to nav and sublist in Nav component
- Add padding variables for small breakpoint to Modal component
- Add zero z-index utility class to Position component
- Add support for
pictureelement to logo in Utility component - Add box sizing classes to Utility component
- Support scroll parent as viewport in Height Viewport component
- Add ARIA
role="alert"to Notification component
- IMPORTANT: Remove
.uk-nav-parent-iconfrom Nav component. Useuk-nav-parent-iconattribute on items instead - IMPORTANT: Remove
*-justifyinposoption from Drop and Dropdown components. Use newstretchoption instead - IMPORTANT: Remove
boundary-alignoption from Drop and Dropdown components. Use newtargetoption instead - IMPORTANT: Change
flipoption values in Drop and Dropdown components. Use newshiftoption too - IMPORTANT: Remove
displayoption in Drop and Dropdown components. Use newauto-updateoption instead. - IMPORTANT: Rename
@offcanvas-bar-width-mto@offcanvas-bar-width-s - IMPORTANT: Rename
@offcanvas-bar-padding-vertical-mto@offcanvas-bar-padding-vertical-s - IMPORTANT: Rename
@offcanvas-bar-padding-horizontal-mto@offcanvas-bar-padding-horizontal-s - IMPORTANT: Rename
@nav-primary-item-font-sizeto@nav-primary-font-size - IMPORTANT: Rename
@nav-primary-item-line-heightto@nav-primary-line-height - IMPORTANT: Rename
@navbar-dropdown-dropbar-margin-topto@navbar-dropdown-dropbar-padding-top - IMPORTANT: Rename
@navbar-dropdown-dropbar-margin-bottomto@navbar-dropdown-dropbar-padding-bottom - IMPORTANT: Remove style from
.uk-navbar-dropbar. Now usesuk-dropbar
- Remove
getCssVar()utility function
- Fix body is no longer scrollable in Modal component with overlay
- Fix
offsetPosition()addsborder-topof offsetParents - Fix dragging in Slider component on iOS
- Fix Drop component no longer flips, if it does not fit into scroll area
- Fix Drop component alignment within Dropbar
- Fix ensure write updates aren't called if component is already disconnected
- Fix Offcanvas component no longer overflows document if isn't wide enough
- Remove margin from the last-child within dropdowns in Dropdown and Navbar components
- Fix compatibility with iOS < 14
- Fix regression in Parallax component
- Fix logo image not working with text align in Utility component
- Fix Scroll component on iOS 12
- Fix offset calculation in Drop component
- Fix
-justifypositioning in Drop component - Fix Dropbar handles resizing Drop components
- Fix Toggle component in
mode:mediadefault prevents click event - Fix Toggle component not default preventing touch click on anchor with closed target
- Fix Parallax component background image positioning
- Make content clickable for sticky cover and reveal effects
- Revert: Height Viewport component sets
uk-height-viewportclass to reduce initial layout shifts
- Add
box-shadowtotoggleHeight()hide properties - Add adaptive velocity to Alert and Accordion components
- Set
transitionoption toeaseby default in Togglable mixin
- Fix toggling accordion item while transition is in progress
- Fix Drop positioning with
boundaryAlign: true - Fix Scrollspy component not triggering in some cases
- Fix Slider component showing wrong initial index
- Add position shifting to Drop and Dropdown components
- Add axis flipping if overflowing on both sides to Drop and Dropdown components
- Add
max-widthto prevent overflowing the viewport to Drop and Dropdown components - Add
displayoption to Drop and Dropdown components - Add support for negative
startvalue in Sticky component - Add
overflow-flipoption to Sticky component - Add navbar justify to Navbar component
- Add subtitle classes to Nav, Dropdown and Navbar components
- Add support for
vw,vh,%andpxunits to scale property in Parallax component - Add resize horizontal class to Utility component
- Rename
topandbottomoptions tostartandendin Sticky component - Allow text to wrap into the next line for navs in Dropdown component
- Remove
position: autooption in Sticky component, useoverflow-flipoption instead - Remove
overflow-x: hiddenon html element, while horizontal animation is active
- Fix dropbar dropdown alignment if boundary-align is true
- Fix viewport helper functions take border into account
- Fix Sticky component responsiveness on window resize
- Fix Cover component correctly applies ratio if only one of width/height is provided
- Fix responsiveness in Grid, Margin and Height Match component
- Revert: Fix reposition Drop on scroll
- Fix Toggle component does not
defaultPrevent()click on anchor with touch gesture - Fix Sticky component uses wrong offsetParent while it's positioned fixed
- Fix release
- Scrollspy component uses IntersectionObserver instead of scroll/resize events
- Fix Drop/Dropdowns component does not close on clicked
.uk-(drop|dropdown)-closeselector - Fix Accordion initially not closed
- Fix Height Match component not matching correctly
- Fix Margin component does not correctly listen for resize
- Fix regression in Sticky component affecting height of placeholder
- Fix Toggle not toggling after re-entering button with mouse before drop has closed itself
- Fix reposition Drop on scroll
- Fix regression in Drop component not updating its width if alignment is set to
justify - Fix regression in Height Match component not updating its height when resized
- Image component no longer sets a
background-sizefor elements withbackground-sizeset toauto
- Fix Position component
- Fix regression in Upload component with
multipleoption disabled - Fix regression in Height Viewport component with
expandoption enabled - Fix regression in Slider/Slideshow Parallax
- Fix regression in Drop component's
offsetoption - Fix initial values for
@navbar-dropdown-marginand@navbar-dropdown-dropbar-margin-top
- Fix Tooltip margin
- Fix importing UIkit in Next.js
- Use custom property for direction offset in components based on Position mixin
- Add max-width to drops in Drop, Dropdown and Navbar components
- Remove dropbar push mode from Navbar component
- Fix dropbar dropdown alignment
- Fix dropbar dropdown top margin flickering
- Fix Switcher component with disabled toggles
- Fix responsiveness in Responsive component
- Fix video autoplay
- Fix importing UIkit in Next.js
- Fix Switcher component with disabled toggles
- Fix regression in Cover component
- Add support for
<img>element to icon image class in Icon component
- Improve performance for large sites
- Custom components have to listen for
resizeandscrollupdates manually
- Remove Edge Legacy (EdgeHTML) support
- Remove Safari fallback for
focus-visible - Remove deprecated Gif component
- Remove option
width-elementin Sticky component
- Fix list bullet regression in List component
- Fix regression in Modal component with
uk-modal-dialogclass - Fix Sticky component notices change in its offset parent's position
- Fix Scrollspy component does not apply animation classes on hide
- Fix regression in Slider/Slideshow touch gestures
- Fix List component used with flex utility classes
- Add support for
<picture>element to Image component - Add
sourcesoption to emulate<picture>element for background images to Image component - Add
loadingoption to avoid lazy loading background images in first visible viewport to Image component - Add support for
loading="lazy"attribute to SVG component - Add
positionoption withtop,bottomandautovalues to Sticky component - Add support for basic math operands in
offsetoption of Sticky component - Add animation stop positions to Parallax component
- Add object fit and position classes to Utility component
- Add height viewport classes to Height component
- Image elements need
widthandheightattributes to prevent layout shifts - Image component no longer relies on session storage to check for cached images to immediately show an image
- Slider and Switcher remove native
loading="lazy"attribute from adjacent slides - Accordion, Drop, Switcher and Toggle remove native
loading="lazy"attribute from their children when entering the viewport - Improve sticky behavior if sticky content is larger than the viewport
- Sticky component's
bottomoption checks for bottom padding if sticky element is within referenced element - Height Viewport component sets
uk-height-viewportclass to reduce initial layout shifts
- Deprecate
uk-imgfor<img>element: Use nativeloading="lazy"attribute instead
- Remove IE11 support
- Remove
data-widthanddata-heightfor<img>element from Image component. Use native attributes instead.
- Fix infinite sliding in Slider component with equally sized slides
- Fix Slider component sets calculation
- Fix dropdowns not closing in Navbar component when hovering dropbar and navigation with keyboard
- Fix dropdown no longer closes if pointer is still moving towards it
- Fix
fadeinnot transformed correctly tofade-inin scss build - Fix Sticky component setting wrong margin for placeholder
- Fix Sticky placeholder sets height with fraction
- Fix Sticky component does not animate in if scroll position equals top offset
- Fix Sticky component prevents transition on
selTargetif forced to hide for recalculation - Fix Parallax component initial jump in background image
- Fix scoping css to exclude
:rootselector - Fix
toPx()correctly uses offsetHeight/Width
- Add
startandendoptions to Parallax component - Add negative z-index utility class to Position component
- Add Sticky Parallax test
- Deprecate
viewportoption in Parallax component: Useendoption instead
- Use same position context when uk-sticky sticks or not
- Fix interdependent computed properties being evaluated too often
- Fix
getIndex()returns-1instead ofNaNif called with empty elements parameter - Fix Scrollspy component no longer sets class
false - Fix Parallax component no longer rounds values to two digits after comma
- Fix Parallax component running backwards with 'viewport' option set to a value < 1
- Fix Parallax component easing option for values < -1 || > 1
- Fix vertical divider width in Divider component
- Fix usage of
data-prefix for Cover and Responsive component - Fix pointer events for iframes in Cover component
- Fix Slideshow component no longer throws if items list does not exist
- Fix space key no longer triggers Toggle on
<input>element
- Add intrinsic widths to Width component
- Add 'aria-haspopup' attribute to Drop component's toggle
- Add padding variable to search icon in Search component
- Add position bottom variable to box-shadow bottom in Utility component
- Disable Sticky component if it's element is higher than viewport
- Fix initial iframe width for
uk-responsivewhich caused an expanded viewport on iOS devices - Fix link toggle style if not hovered
- Fix compiling Slideshow css in rtl mode
- Fix Sortable component no longer scrolls
overflow: hiddencontainers - Fix 'yarn watch' not watching changes in less files
- Fix
domPath()for elements within forms that include inputs with name 'id'
- Fix Sticky position when bottom option is used
- Fix logo image alignment if logo line-height is larger than the image
- Fix build scripts for Windows users
- Fix css in Leader component
- Fix division deprecation warnings in Sass source
- Update Less mixin calls to use parentheses
- Upgrade Less to version 4
- Add Less variables for outline style
- Make padding large a little bigger on small devices
- Change logo color to 'emphasis'
- Fix scrollIntoView function with offset argument provided
- Refactor focus styles to use
focus-visiblein all components - Use custom properties in Position component
- Make transition classes work with position or cover classes on the same element
- Refactor animation component
- Improve sticky performance when bottom option is used
- Revert setting focus to modal/offcanvas toggle after close
- Fix Drop closing if clicked within through touch event
- Fix Slider not animating slides if slide wider than slide container
- Improve Cover component performance if applied to none video
- Fix toggle behavior in Toggle component
- Fix Toggle component no longer sets tabindex in media mode
- Add itemNav option to Switcher component
- Focus modal/offcanvas upon opening
- Fix regression in Toggle component
- Fix keyboard navigation in Navbar component
- Fix navbar toggle style and navbar item inverse style if dropdown is open
- Add tile hover hooks
- Fix toggle behavior in Toggle component
- Fix navbar item style if dropdown is open and container option is used
- Fix text alignment if tabs are left or right aligned in Tab component
- Fix animation classes only partially being removed in Scrollspy component
- Fix scrollIntoView did not return Promise if element is hidden
- Add text decoration modifier to Text component
- Add width variable to range thumb in to Form Range component
- Add Bag icon
- Change default search width and horizontal padding in Search component
- Change badge width and font size in Badge component
- Change button link color and text decoration in Button component
- Change card badge height in Card component
- Remove margin from the navbar item last-child in Navbar component
- Add white space gap for navbar item in Navbar component
- Allow text after icon in Iconnav component
- Remove badge hover color variable in Badge component
- Fix input type list showing picker indicator in Chrome
- Fix focus background in Form and Search component
- Fix form size modifier for textarea in Form component
- Fix icon alignment in Nav, Subnav and Tab components
- Fix default dropdown selector in Navbar component
- Fix show behavior in Drop component for multiple toggles
- Fix ScrollspyNav component triggering 'active' event on every scroll
- Fix prevent updates on disconnected components
- Add animation set to
falsein Filter component
- Animation classes toggled by Scrollspy component are removed after animation finishes
- Fix box-shadow bottom being clipped in Safari if container is animated
- Add divider modifier to Nav component
- Fix passing an array of classes to class utility functions
- Fix boundary option in Drop component
- Toggle component in hover mode toggles on focus and blur
- Fix inverse colors for link toggle in Base component
- Update card badge style
- Fix animation set to
falsein Sortable component - Fix Tooltip on elements with class
uk-activeapplied - Fix Slider parallax states
- Add Discord, Twitch and TikTok icons
- Remove Google Plus icon
- Fix filter initial state
- Add background-size modifier for width and height to Background component
- Fix dragging time control starts dragging slide in Safari
- Make multiple select resizable
- Fix dragging slide correctly prevents click event
- beforeSend in 'ajax' function may return Promise
- Add 'container' option to Notification component
- Fix showing/hiding Modal/Offcanvas programmatically
- Fix 'scrolledOver' function uses closest scrollable parent
- Fix Lightbox closes on drag if slide background is dragged
- Fix Drop component applies stack class wrongly
- Fix slidenav icons
- Fix IE11 compatibility
- Fix changing ratio does not correctly apply width and height in SVG component
- Fix issues from hiding an already hidden Modal
- Fix regression in SVG component
- Refactor Sortable behavior
- Fix regression in sticky component
- Fix calculating max scroll height
- Fix regression with calling watchers
- Fix component update handling
- Fix Tooltip position
- Fix Tooltip component applied to
<button>element in iOS - Fix regression in Switcher component
- Fix regression in class util
- Fix regression in class util
- Add filter animation delayed-fade
- Filter animation fade does not stagger
- Fix filter animations
- Fix slider drag behavior on iOS
- Fix Scroll component now supports hash starting with any character
- Fix missing imports
- Improve context selectors to use a dom path selector
- Fix IE11 compatibility
- Fix Accordion component toggles
- Fix regression in Toggle component
- Fix filter tests
- IMPORTANT: Change options
animationModetoanimationandanimationtoduration - IMPORTANT: Rename
shiftanimation toslide
- Fix regression in Toggle component
- Add fade animation to Filter component
- Add 'priority' param to 'css' function
- Fix 'aria-expanded' value on toggles
- Fix responsiveness in Switcher component
- Offcanvas component hides if invisible
- Image component will load images eagerly in IE11
- Improved Tooltip accessibility
- Set 'aria-expanded' on toggles
- Fix regression in Slider component
- Fix do not set 'aria-hidden' if element has already been removed from the accessibility tree
- Fix Switcher component does not ignore disabled toggles
- Fix Toggle component in queued mode
- Fix Sortable lets sort items between lists if no 'group' is set
- Fix 'scrollParents' checks for
position: fixed
- Fix regression in Scrollspy Nav
- Fix Scrollspy Nav using wrong viewport as reference
- Fix Slider component skipping animation if slide item wider than its list
- Sorting starts after traversing half the item's height/width in Sortable component
- Fix 'isInView' function
- Fix 'positionAt' function did not flip within its targets scroll container
- Fix drag gets 'overflow: hidden' in Sortable component
- Add container offset to prevent box-shadow clipping to Slider component
- Add '50vw' default horizontal root margin to Image component
- Remove space between inline block elements in Breadcrumb component
- Improve breadcrumbs wrapping into the next line
- Sortable drag is no longer clamped to viewport
- Prevent content overflow in Breadcrumb component
- Fix prefix script
- Fix 'scrollIntoView' does not align to top
- Add lightbox button active hook
- IMPORTANT: Set
@pagination-margin-horizontalto0and use new@pagination-item-padding-verticaland@pagination-item-padding-horizontal
- Fix lightbox button focus state
- Fix Slider component transition bug in iOS 14.0
- Fix Switcher component no longer toggles an already active item
- Fix 'positionAt' function not detecting flip state correctly
- Fix 'z-index' for stacked Modals
- Sticky component uses 'window.Date' instead of 'window.performance'
- Sticky component with sticky-on-up no longer hides when Dropdown shows
- Fix slidenav color in Lightbox component
- Fix inverse colors for link toggle in Link component
- Sticky component remains inactive if hidden
- Revert dropbar mode
pushis only applied if Navbar is positioned static - Fix animations not resolving if user canceled
- Add list marker utility support for WebKit
- Add
uk-text-defaultto Text component - Add multiple targets to Filter component
- Updates no longer throw error after too many recursions, but delay into next frame
- Fix empty slider throws exception
- Fix pointer events ignored on SVGs in Sortable component
- Fix Grid component divider rendering
- Fix
<select>closes Drop component in hover mode in Firefox
- Image component triggers 'error' event on failing to load image
- Fix prop observer for dataSrc option in Image component
- Fix ajax function supports responseType 'json' in IE11
- Fix Accordion component with
multiple: trueandcollapsible: false
- Fix regression in Grid component with parallax option
- Fix uglifyjs removes self-assignments
- Fix regression in Animation API
- Fix regression Drop component
- Fix regression in Sass source
- Add type, color and size modifiers to List component
- IMPORTANT: Rename Less variable parts
xxlargeto2xlarge - Replace clearfix by creating a block formatting context with display flow-root
- Width XXLarge: Use
uk-width-2xlargeinstead ofuk-width-xxlarge
- Fix positioning issue with Drop components in Firefox
- Fix Dropbar causing endless loop in Firefox
- Fix regression in Switcher component
- Add inBrowser check to enable server-side rendering
- Fix Switcher responsiveness
- Fix
isInView()no longer returns true for adjacent rectangles - Fix compatibility with browsers that support
Object.prototype.watch()
- Fix Scrollspy component stuck in wrong state
- Fix regression in Grid component with masonry
- Improve attribute state observer performance
- Fix Search Icon with large modifier
- Fix Grid divider in RTL mode
- Fix Slider component responsiveness
- Hide Drop components on
Esckeypress
- Fix
quote-righticon empty in RTL mode - Revert: Fix Sticky component correctly updates on
update
- Fix
bottomif offset is0in Sticky component - Fix dropbar mode
pushis only applied if Navbar is positioned static - Fix Sticky component correctly updates on
update - Fix Sticky component handles
vhvalues fortopandbottomoptions - Fix Sticky component sets its width with fraction
- Fix Sticky component with
show-on-upandbottomoption updates correctly - Fix Tooltip component no longer disappears on SVG shape elements
- Fix regression with Modal/Offcanvas component not opening in IE11
- Add
attrsoption to Lightbox items - Add additional url parameters to YouTube/Vimeo embed URLs in Lightbox component
- Change default dimensions to 1920x1080 for YouTube in Lightbox component
- Fix subnav not wrapping into the next line correctly when using
uk-marginattribute - Fix selected
uk-text-backgroundtext being visible in Firefox - Fix Scrollspy Nav component activating previous item in Firefox
- Fix toggling Offcanvas component
- Fix Sortable component unable to sort table rows
- Fix autoplay for YouTube and Vimeo videos in Lightbox component
- Fix dragging slides in Lightbox component in Chrome mobile
- Fix Height Match component not matching empty elements
- Fix Scrollspy Nav component activating wrong elements
- Fix Modal/Drop close on bgClick behaviour
- Fix
z-indexon Modal stacked dialogs
- Add
offsetoption to Accordion component
- Remove
durationoption from Scroll component
- Fix regression in Accordion component
- Fix regression in Sortable component
getEventPosreturns client coordinates only
- Fix Drop component does not close on pointerleave in Firefox
- Fix Switcher component sets active state on ignored item
- Fix Accordion component triggers events on elements only
- Fix Accordion component no longer wraps its content without transition
- Fix missing
$emitfunction - Fix Sortable component performance
- Fix prevent showing/hiding of Tooltip component
- Improve Tooltip component performance
- Notifications remove their container if it's empty
- The promise object returned by Modal Dialogs holds a reference to the Modal component itself.
- Fix style for breadcrumbs without last active item
- Fix infinite loop in Slider component
- Fix IE11 compatibility
- Fix Spinner component in RTL mode
- Fix animating
strokein Parallax component when element is hidden
- Fix accessing computed properties after component has been disconnected
- Fix Modal dialogs not being removed from DOM after close
- Fix Lightbox opening only once
- Fix updates having wrong type
- Improve update performance
- Fix countdown separator line-height
- Fix Cover component covers positioned parent element
- Add container xlarge modifier
- IMPORTANT: Change
uk-container-largewidth. Useuk-container-xlarge
- Fix
positiontakes offsetParent's border width into account
- Fix Drop component has wrong state after disconnect
- Fix
repeatoption in Scrollspy component in Firefox
- Fix regression with custom icons build task
- Prevent content overflow if
max-width: 100%is used inside Position component - Add
parentutil function - Add
childrenutil function - Add
isElementutil function
- Accordion component triggers scroll on page load
- Fix regression in Scroll component in Edge and IE
- Parallax, Scroll, Scrollspy Nav components work inside scrollable container
- Expose
scrollIntoViewutility function
- Fix scrolling containers while dragging in Sortable component
- Fix show/hide behaviour in Drop component
- Fix Accordion component will scroll title into view if needed
- Fix component initialization without element
- Fix initializing components with jQuery elements
- Prevent endless update loops
- Improve event.preventDefault behaviour in Toggle component
- Improve initial boot
- Fix event delegation with
selffilter
- Add support for
input type="submit"to Button component - Add
selSlidesoption to Slider/Slideshow component
- Fix Slider throws error if initialized with no slides
- Fix Slider/Slideshow crash in IE
- Fix Slider/Slideshow drag no longer starts on input elements
- Fix Slider/Slideshow Parallax shows wrong initial state
- Fix
isPlainObjectto work across iframes - Fix Scrollspy causes endless update loop
- Add column and row gutter to Grid component
- Remove
@text-bold-font-weightvariable
- Fix countdown line-height on small devices
- Add
lastutility function
- Fix Slideshow invisible after switching tabs in Switcher
- Fix lazy loading images in Image component in UC Browser
- Fix opening Offcanvas/Modal through buttons
- Add font weight and style modifier
- Add
selfoption toonfunction
- Improve
padding-bottomcalculation for Grid withparallax: true - Make
selMinHeightin the Flex Bug mixin a prop
- Fix Modal close on bgClick behaviour
- Fix spreading event args on delegated event listeners
- Fix clicking an empty link within itself no longer closes the Drop
- Fix IE11 compatibility
- Fix empty tooltips will no longer show
- By default, the Offcanvas
containeroption isfalsenow - The
focusableattribute on SVG/Icon component makes SVG focusable in IE
- Fix Slideshow/Slider triggering show events to often initially
- Fix swipe gestures in Switcher component (Android)
- Ensure at most one Height Viewport component set to
expandis active - Height Viewport component no longer calculates its height if invisible
- Fix using Sortable in scrolling container
- Fix lazy loading images if parent element is fully clipped
- Fix clicking Slideshow with
draggable: falseno longer pauses autoplay - Fix toggling modal while transition is in progress
- Fix Height Viewport component growing indefinitely if positioned above document
- Fix Height Viewport component uses height with fractions
- Fix Margin component for rows 1 pixel in height
- Add style for input with datalist
- Fix image shrinking in centered and absolutely positioned navbars
- Fix Custom Form not resetting on form
resetevent - Fix leader inverse hook
- Fix divider vertical inverse hook
- Add link toggle to Link component
- Add breakpoint classes for margin auto and remove
- Add Etsy icon
- Fix Dropbar closing unexpectedly
- Fix Sortable
clickevent prevention in Firefox - Fix JS error in Offcanvas component on touch devices
- Icon components no longer have a primary option
- Icon/Svg components no longer reset initially
- Fix selector engine
- Fix CSS selector in Lightbox component
- Fix Drop not closing when Toggle component is clicked
- Fix Scrollspy Nav component
- Fix closing Lightbox causes text selection in Firefox
- IMPORTANT: Change
@deprecatedvariable tofalse
- Fix filter controls active state in Filter component
- Fix Sass distribution
- Fix Lightbox opens with wrong index
- Add deprecated flag to Less variables
- Add size modifiers to Heading component
- Add SVG stroke animation to Animation component
- Add option to animate SVG strokes to SVG component
- Add option to animate SVG strokes to Parallax component
- Add support for more units to Parallax component
- Add lazy loading support if Image component is used with SVG component
- Add text secondary to Text component
- Add
dataSrcas primary option to Image component - Add
webpas image type to Lightbox Panel component
- Refactor divider, bullet and line modifiers in Heading component
- Improve dimension handling in SVG component
- Improve performance of Image, Leader and Toggle component
- Autoplay is halted while Slideshow/Slider are active
- Lightbox filters duplicate items by
source - Rename
getPostogetEventPos - Move code with side effects to
core.js
- Primary Heading: Use
uk-heading-mediuminstead ofuk-heading-primary - Hero Heading: Use
uk-heading-xlargeinstead ofuk-heading-hero
clsoption no longer accepts a list of classNames in Scrollspy component
- Fix rendering issue for scale in Transition component
- Fix Filter component's initial active state
- Fix translating
xandyproperties simultaneously in Parallax component - Fix drag closes Lightbox
- Fix Tooltip component (touch device)
- Fix
hovermode for Toggle component (touch device) - Fix Slideshow not setting
min-heightif ratio is set tofalse - Default prevent
clickevent in Slider/Slideshow component after drag - Fix images being selected while dragging in Slider/Slideshow component
- Computeds can be watched now
- Parallax supports
<SVG>and its child elements now
- Image Component uses IntersectionObserver now
- Remove
isReadyfunction - Form Custom component no longer sets
uk-hoveranduk-focusclasses
- Fix touch event detection
- Fix background images are shown too large on retina displays in Image component
- Fix correctly calculate offsetLeft in Image component
- Fix autofocus elements not blurring within Toggable on hide
- Fix offcanvas overlay transition
- Fix active state in Switcher component
- Fix background images on displays with higher devicePixelRatio in Image component
- Fix Sass distribution
- Add active states for sub nav items in Nav, Navbar and Dropdown component
- Add emoji default fonts to the system font stack
- Improve offcanvas reveal and push animations
- Improve animation, transition and visibility toggles for touch devices
- Improve update performance
cssfunction: Setting a CSS property toNaNno longer removes the property- Slide/Slideshow navs and Drops no longer blur after hiding
- Changed the default
toggleoption for Switcher component to> * > :first-child - SVG component no longer moves
idfrom element to svg
- Remove
uk-hoverclass - Remove artificial
clickevent on mobile devices
- Fix visible toggle and its child elements not being focusable through keyboard navigation
- Fix Image component correctly escapes urls on background images
- Add expand classes to Container component
- @notification-message-margin-bottom to top in Notification component
- Improve swipe gesture detection
isInViewchecks relative to viewport only
- Fix
flex bugmixin (IE11) - Fix properly resolving css custom properties in scss
- Fix order of variable assignments in scss
- Fix background images are shown too large on retina displays in Image component
- Fix lazy loading images in Image component in Safari
- Limit positioned element to container width and margin in Position component
- Fix
hasClassin IE11 again - Fix workaround to mitigate the duplicating icons issue
- Drop positioning uses window as secondary boundary
- Fix modal not opening on first click in Angular apps
- Fix filter controls active state in Filter component
- Fix Masonry Grid in RTL mode
- Make sure autoplay does not resume after user interaction in slider-autoplay mixin
- Fix
hasClassin IE11
- Destroy Lightbox Panel upon closing
- Fix sticky not recalculating after update
- Fix clicking on items not triggering
clickevent in Sortable component - Fix Offcanvas changing viewport upon opening
- Fix regressions in Modal component
- Add threshold before Sticky with
Show On Upchanges state - Add
draggableoption to Slider and Slideshow component
- Fix toggling Offcanvas component while transition in progress
- Fix Offcanvas height on mobile devices
- Add print, reddit, microphone, file-text, file-pdf, chevron-double left and right icons
- Add text emphasis to Text component
- Add
srcas primary option to SVG component
- Offcanvas no longer requires a wrapping content div
- Change video-camera icon style to outline
- Fix sorting in Sortable component on touch devices with page scrolled down
- Fix height of Masonry Grid
- Fix Sticky hiding with Offcanvas in overlay mode
- Fix Parallax in combination with Offcanvas in overlay mode
- Fix regression in Icon component
- Add divider vertical modifier to Divider component
- Fix preserve color not working if class is set on
<svg>element in Icon component - Fix inverse hover color for accordion title
- Fix close color being overwritten from toolbar in Lightbox component
- Fix Modal not hiding upon being destroyed
- Fix using node as offset in position mixin
- Fix using Height Match component on elements with different offsetParents
- Fix rounding error in Height Match component
- Fix
scopecommand for already scoped css, comments are removed from generated css files - Fix Sticky placeholder height on resize
- Fix starting/stopping of autoplay in Lightbox
- Fix initially wrong position of background image in Parallax component
- Fix calling
isActiveonundefinedin Navbar component
- Dom functions support selectors
- Viewport Height component no longer sets a
heightexcept for IE - Viewport Height component no longer forces
box-sizing: border-box - Improve Tooltip performance
- Improve Parallax performance
- Improve Sticky performance
- Remove
::-moz-selectionwhich is not needed anymore - Remove component
inithook - Remove component
readyhook
- Fix
UIkit.mixin() - Fix issue with list bullet in combination with multi-column layouts
- Allow for special characters in URI hash in Scroll Component
- Height Match also sets a
heightin IE - Slideshow sets
min-heightinstead ofheight
- Fix regression in Overflow Auto component
- Rename
selModaltoselContainerandselPaneltoselContentin Overflow Auto component
- Fix
isInViewfunction for elements with zero width and height
- Fix regression in
removeClassesfunction
- Add border pill to Utility component
- Use
min-heightinstead ofheightfor navbar nav items
- Remove
filterAttrfunction
- Fix SVGs not preserving their aspect ratio in IE11
- Fix lazy loading images in Edge
- Add responsiveness to SVGs in Base component
- Make remaining components reactive
- Boolean attributes coerce to
trueif the prop is defined as Boolean
- Allow icons to shrink in Iconnav
- Add more margin between accordion title and icon
UIkit.mixincan now be used to extend existing components
- Remove fix for uppercase SVGs attributes in Edge on Windows 10 older than build 16251
- Fix form placeholder color in Edge
- Fix accordion icon position if title is wrapping into the next line
- Fix Slider incorrectly showing navigation
- Fix element queuing in Scrollspy component
- Fix parallax translating to subpixels
- Fix issue with scrolling on mobile devices in Sortable component
- Pass error object to callback function instead of message only in Upload component
- Remove deprecated prevention of the 300ms delay for touch devices
- Fix bug in
pointInRectfunction
- Add container xsmall modifier
- Improve Height Viewport component performance
- Fix performance regression in Grid component
- Fix Height Viewport jumping in size on mobile devices if BottomOffset was set
- Fix offsetParent detection
- Allow thumbnav items to shrink if
flex-wrap: nowrapis set
- Fix Filter component height during transition
- Fix Filter/Sortable component in IE11
- Fix Overflow Auto component triggering
resizeevent indefinitely - Fix Slider/Slideshow capture slide during transition in Safari 11
- Fix Slider/Slideshow drag behavior in iOS 11.3+ (https://bugs.webkit.org/show_bug.cgi?id=184250)
- Fix
toEventTargetsin IE11
- Fix regression in dev dependencies
- Allow
data-prefixed attributes as component options
- Improve Image component performance
- Improve Cover component performance
- Improve resize reactivity on Image/Video load
- Fix Dropbar in Navbar in IE11
- Fix single components did not get exported from their modules
- Fix Lightbox reactivity
- Add development builds to npm registry (
npm i uikit@dev/yarn add uikit@dev)
- Fix single components to auto-install only when UIkit is attached to window object
- Fix component naming (camelCase) in single component auto-install wrapper
- Fix active row style for striped table
- Fix height of Masonry Grid
- Fix attribute change listener
- Cover component updates on image load
- Fix Lightbox options handling
- Fix missing standalone component installment
- Fix passing Lightbox options to Lightbox Panel
- Fix not appearing fixed background images for Chrome 67
- Fix having a Slider within a Slideshow element
- Fix filter animation in Edge
- Fix accessing sessionStorage if that's prevented
- Fix lazy loading images if no width and height are provided
- Delay loading images by one frame in Image Component
- Fix clipping of dropdowns in Dropbar
- Improve Lightbox type detection
- UIkit.icon.add supports resetting component icons now
- Fix lazy loading of images with same source
- Fix lazy loading of background images on elements with no height and width attributes
- Fix late component registration
- Fix resizing behavior of Sticky component
- Fix media mode in Toggle default preventing click events on touch devices
- Fix regression in Scrollspy in IE11
- Fix Sass distribution
- Fix large close icon
- Add Image component to lazy load images
- Add Filter component to filter and sort any kind of layout
- Add
masonryoption to Grid component - Add inverse style for form icon
- Add smaller font-sizes on mobile for h1, h2, primary and hero heading and article title
- Break long words into the next line for comment body
- Move grid
parallaxoption to Grid component and remove Grid Parallax component - Move Height, Leader, SVG and Video from Utility component into their own components
- Allow left and right icons at the same time in form and search component
- Rename
targettotarget-offsetin Sticky component - Remove hyphenating for text break
- Fix option color in select dropdowns for Inverse component
- Fix dropcap font size in Edge
- Fix dropcap line height in Firefox
- Fix Scrollspy being stuck in endless update loop
- Fix Slideshow combined with Height Viewport component
- Fix Height Match component's
rowmatching - Fix height calculation in Height Match component
- Fix regression with Video component not autoplay/pause
- Fix regression in Offcanvas
- Add table large modifier
- Add
Autoplayas primary option for Video component - Add core and component dist files to NPM package
- Make
uk-form-iconpadding work with size modifier - Make heading line position top a variable
- Allow dropdowns in Iconnav component
- Allow any property in
svg-fillmixin - Move progress normalization to progress component
- Video component sets
preload="false"ifautoplayis set toinview - Global
updatemethod now updates element itself as well as its parents and children
- Remove the instance method
$update
- Fix browser compatibility in Navbar component
- Fix preventClick function on touch devices
- Fix LightboxPanel props
- Fix Player ids in Vimeo videos
- Dropbar opens on bottom positioned drops only
- Fix setting height of drag in Sortable component
isInViewchecks for element visibility now- Fix check for backgroundSize: cover resetting backgroundSize in Parallax
- Fix "Uncaught (in promise) DOMException" in Player
- Fix Slideshow
fadeeffect - Fix
typeoption in Upload component - Fix misplaced Drop on fast toggling
- Fix Modal close on bgClick behaviour
- Fix Sets calculation in Slider on iOS
- Improve Form Custom reactivity
- Improve Scrollspy component reactivity
- Fix using Scrollspy component with default values
- Fix Scrollspy if UIkit is loaded async
- Fix YouTube short urls in Lightbox component
- Fix empty select in Form Custom component
- Fix Slider reactivity
- Add link heading to Link component
- Add Slider Parallax component
- Add support for privacy enhanced mode in YouTube urls
- Active classes are applied to all fully visible slides in Slider component
- Allow all Lightbox Panel options to be set through Lightbox component
- Fix Slider Nav initially has no state
- Fix Esc closing on Confirm and Prompt dialogs
- Fix using Grids in Slider component in Safari
- Fix edge scrolling in Sortable component in IE11
- Fix touch scrolling in Slideshow/Slider in Edge
- Fix tap event on touch devices
- Fix initial Drop positioning
- Add support to center elements outside a container to Position component
- Add
uk-slider-containerclass to clip the Slider component - Remove auto-clipping from Slider items. Use
uk-cover-containerinstead
- Fix Tooltip in Accordion loosing title
- Fix Inverse mode (Light and Dark) in tests
- Fix component getter
- Add
beforeConnectandbeforeDisconnectcomponent hooks
- Fix origin modifier for programmatically triggered animations
- Dialogs correctly cleanup after closing
- Fix missing container option on Tooltip component
- Fix positioning of Dropdowns in Dropbar
- Fix browser freezing on Slider resize
- Fix Custom Form initial value
- Fix Tooltip removing title attribute
- Add Slider component
- Add RTL support to Slideshow component
- Add reactive navigation to Slideshow component
- Hide slideshow navigation if slideshow contains single slide only
- Add support to play/pause Video component as it enters/leaves the viewport
- Add file size restriction
maxSizeto Upload component - Add option to pass
data-alt=""to images in Lightbox component - Component DOM attributes like
uk-gridare being observed for changes - Improve
UIkit.containersetter (allows for assigning selector strings) - Make some util methods more error resilient
- Add config options to build scripts, type
./build/build.js -hfor options - Add UIkit version banner to generated CSS files
- Add option to skip minification during Less compiling (
./build/less.js -d) - Add parametrization for prefix and scope scripts. Use
scope/prefix -h(e.g.npm run prefix -- -h) to list the available options.
- IMPORTANT: Use
<a>element instead of headings for the accordion title - Calling a component constructor with data on an already initialized component will reset the component
- Dropbar no longer repositions Dropdowns in DOM upon opening
- Deprecate
uk-gif
- Remove support for IE 10
- Remove support for iOS < 9.1
- Remove most -webkit and -moz vendor prefixes
- Remove named component Constructors
- Make Accordion component accessible through keyboard
- Make
uk-visible-toggleaccessible through keyboard - Make
uk-transition-toggleaccessible through keyboard - Fix scrolling with scrollbar on Modal closes Modal
- Fix
containeroptions - Fix initializing Icon components programmatically
- Fix accordion initial active option
- Fix webpack builds (npm run test)
- 'uk-scrollspy-class' attr may now be
data-prefixed too - Fix dialogs not being removed from DOM after closing
- Parallax supports RGB and RGBA now
- Fix Modal toggling if Tab components media setting is active
- Fix Tab component regression
- Fix context selectors that are applied to elements with ids containing special characters
- Fix reactivity in Leader component
- Fix events triggered by Accordion component
- Fix text wrapping for Firefox in Position component
- Fix Scrollspy triggering before other components have been applied at least once
- Fix Accordion title click behavior
- Fix Sortable on iOS
- Fix Sticky Navbar (IE11)
- Fix "Illegal invocation" error in Slideshow component
- Fix Offcanvas animations
- Fix Tab component if no lists are connected
- Add Thumbnav component
- Add large margin modifier to Position component
- IMPORTANT: Remove
@slidenav-padding. Use new@slidenav-padding-verticaland@slidenav-padding-horizontal - IMPORTANT: Sortable component now triggers
moved,addedandremovedevents instead ofchange - Update Dotnav and Slidenav style
- Lightbox navigation no longer stacks on keyboard input
- Allow text selection within the Slideshow component
- Prevent vertical scrolling while swiping the Slideshow
- Remove tap highlighting when swiping the Slideshow in iOS
- Prevent Modal from toggling if event was defaultPrevented
- Fix using Scrollspy Nav within Sticky component
- Hide Slidenav in Lightbox if single item only
- Fix Parallax background image positioning
- Fix setting headers in AJAX request
- Fix dotnav box-sizing
- Fix Slideshow animations
- Fix Sortable component sorting animation when sorting between lists
- Fix event registration if
eloption is array - Slideshow navigation items may now be
data-prefixed too
- Add
min-heightoption to Height Viewport component
- Improve accelerated slide animations in Slideshow component
- Improve slide dragging behaviour in Slideshow component
- Fix slide animations stacking when tab is not focused in Slideshow component
- Fix overlay not showing in Offcanvas component
- Fix Slideshow Parallax in Slideshow component for IE11
- Fix default border-radius for
<button>element in Chrome 62.
- Add Slideshow component
- Add style support for radio and checkbox in Firefox
- Add
autoplaysetting to Lightbox - Add
postersetting to Lightbox items
- IMPORTANT: Remove jQuery dependency
- Remove
uk-section-mediafrom Section component - Change
uk-tab-lefttext alignment to left - Update Overview in tests
- Rename
isWithintowithin - Allow fullscreen mode for YouTube and Vimeo videos in Lightbox
- Video component now stops playing the video regardless of the
autoplaysetting
- Fix responsive images in modal for IE11
- Fix close button outside causing a scrollbar on small devices
- Fix inverse style for
uk-hr - Fix video size of Vimeo videos in Lightbox component
- Fix closing stacked modals
- Fix regression for IE11
- Media options now support any valid media query syntax
- Fix whitespace trimming in dist
- Fix active drop in
clickmode close onhoverin Navbar component - Fix
selTargetoption in Sticky component - Fix icons not displaying if connected/disconnected in rapid succession
- Ensure Navbar component does not initialize Drop components if Dropdown is already present
- Fix scrollbar jumping in Switcher
- Fix usage of Scroll component in Drop, Dropdown, Navbar and Offcanvas in
overlaymode - Fix cursor set to pointer for icons
- Fix Scrollspy Nav not working correctly when zoomed in
- Fix animations for Firefox
- Fix icons not displaying if lazy loaded
- Add Sticky Navbar test
- Add inverse style for button link
- IMPORTANT: Rename
closeAlertmethod toclosein Alert component - IMPORTANT: Rename
closeparam toselClosein Alert component - IMPORTANT: Rename
scrollToElementmethod toscrollToin Scroll component - Add box-shadow to dropbar slide
- Fix icon color for Edge
- Add workaround to mitigate the duplicating icons issue
- Fix issue with multilevel dropdown
- Fix compatibility issue with Prototype and MooTools
- Fix Sticky Navbar behaviour
- Fix Parallax for IE11
- Fix swiping in Lightbox
- Fix alert close animation
- Remove stacking context for
uk-inline - Prevent scrolling in Lightbox with one slide only
- Add Lightbox component
- Add Video component
- IMPORTANT: Remove caption from Modal component. Use Lightbox component instead
- IMPORTANT: Remove lightbox modifier from Modal component. Use Lightbox component instead
- IMPORTANT: Remove center option from Modal component. Use
uk-margin-auto-verticalmodifier - IMPORTANT: Renamed
@modal-dialog-margin-verticalto@modal-padding-vertical-s - IMPORTANT: Renamed
@modal-dialog-margin-vertical-xsto@modal-padding-vertical - Refactored Modal component
offsetTopin Height Viewport component only applies if its element's top position is smaller than half the viewport- Larger width for form width x-small
- Offcanvas will keep scroll position if anchor link was clicked
- Fix margin modifier in Position component for IE11
- Fix divider-small text alignment for
<hr>element Edge and IE - Fix setting the ratio of Spinner component
- Fix event handling in Sortable component
- Fix grid calculation (Firefox)
- Fix dropdown margins in the dropbar
- Fix opening Modals from Offcanvas
- Add size modifier to Tile component
- Add link text to Link component
- Add 500px icon
- Larger horizontal padding for form input, select and textarea
- Improve Parallax Background Position behaviour
- Remove padding xlarge from Padding component
- Fix touch event handling
- Fix cursor height for active forms in Safari
- Fix Grid and Margin component for cells with no height
- Fix Parallax if element is translated vertical
- Fix Grid divider in RTL mode
- Make Icon component work with
<button>element
- Fix margin bottom behaviour in Grid Parallax
- Fix error thrown by Notification component
- Fix
expandmode in Height Viewport component - Fix background position behaviour in Parallax component
- Fix removal of classes after sorting in Sortable component
- Add Parallax component
- Add Grid Parallax component
- Add Form Range component
- Add Marker component
- Add hidden classes for touch devices to Visibility component
- Add padding xlarge to Padding component
- Add transform center to Utility component
- Add
clsBelowoption for Sticky component (uk-sticky-below)
- IMPORTANT: Move Less/Sass imports into one file. Use
components/_import.less - IMPORTANT: Renamed
transitionoption toeasingin Scroll component - Improve flip behaviour in Drop component
- Improve
classhandling
- Fix support for more than two digits in Countdown component
- Fix typo in Togglable mixin name
- Fix form select image for RTL
- Fix Scrollspy
clsoption - Fix HeightMatch not working on initial page load
- Fix touch events
- Fix click event firing twice (iOS <= 9.2)
- Fix missing table hook
- Prevent initial page jump (Safari)
- Fix document height calculation (IE 10)
- Fix Tooltip recreates on hovering the already focused input
- Add Countdown component
- Add divider, justify and responsive modifier to Table component
- Add inverse support for Table component
- Add box-shadow bottom to Utility component
- IMPORTANT: Remove style from default Table component. Use
uk-table-dividermodifier - Move border style to table row instead of table cell
- Remove margin from the last-child in Table component cell
- Fix swiping in Switcher
- Fix scrolling in Scrollspy Nav (Firefox)
- Fix Navbar Dropbar
- Fix Tooltip with different animations
- Fix Sass showing error when using different color mode in certain components
- Add Gitter icon
- Attribute observer listens for changes to
componentattribute too
- Fix Instagram, Tumblr and Vimeo icons
- Fix unexpected closing of Modal Dialog
- Fix
clickdefault behaviour prevention in Toggle - Fix memory leak in Icons
- Add breakpoint classes for flex alignment
- Fix Drop positioning
- Fix imports in Modal
- Fix
clickdefault behaviour prevention in Toggle - Fix queued Toggle
- Fix closing Offcanvas with swipe gesture (Android)
- Fix Toggle icons preventing Drops from opening
- Fix loading UIkit deferred
- Add Sass support
- Add Leader to Utility component
- Add Offcanvas close button
- Add margin auto vertical classes
- Add padding left/right remove classes
- Add Tripadvisor and Yelp icons
- Add computed properties
- IMPORTANT: Offcanvas requires wrapping page in extra div
- Refactored Offcanvas component
- Update Instagram, Tumblr and Vimeo icons
- Component Constructor initializes multiple components at once
- Fix Offcanvas scrolling on touch devices
- Fix Scrollspy in view check
- Fix text wrapping for Firefox in Position component
- Fix closing Accordion without animation
- Fix regression with positioning
- Add Tile component
- Add grid item match modifier to Grid component
- Tooltip is now attribute reactive
- Rename
uk-backgroundtouk-background-default - Drop, Dropdown, Toggle component's mode is a comma separated list now (to support hover only mode)
- Fix deferred UIKit loading
- Fix Dropdowns not closing immediately upon hovering other navbar item in Navbar component
- Fix navbar groups center left/right (IE11)
- Fix "sticky on up" behaviour in Sticky component
- Fix Offcanvas closing without animation
- Fix links in Notification message clickable
- Fix overriding default icons
- Fix Scrollspy nav when scrolling beyond last item
- Fix Notification component
- Fix dist
- Rename
.rtldist files to-rtl - Include none minified JS files in dist
- Fix UMD/AMD dist
- Add Receiver icon
- Add Hero heading modifier
- Add text background
- Add ID for AMD bundles
- Move Icons into JavaScript
- Component Constructor initializes and returns single component only
- Rename function
showtotogglein Accordion component - Switcher no longer "swipes" with mouse
- Sticky component applies active class after scrolling below top
- Remove text primary hook
- Fix npm not watching Less files
- Modal no longer closes immediately when toggled from custom
clickhandler - Fix Accordion component
- Fix container for Tooltip component
- Fix Dropdowns closing in Navbar component
- Fix Drops closing on click on hash links
- Fix Tab component not initializing
- Fix icon duplication
- Add nested Drops
- Add text primary hook
- Make Accordion selectors more specific
- Optimized margin modifier in Position component
- Drop component no longer forces
clickon touch devices
- Remove obsolete webkitFontSmoothing workaround
- Fix text wrapping in Position component
- Fix icons in Safari's private browsing mode
- Fix right click triggers click event
- Fix empty targets in HeightMatch component
- Fix Tooltip component on touch devices
- Fix icons not showing
- Height Viewport component supports selector for Offset Bottom option
- Allow to preserve all color with one class when using
uk-svg - Add RTL support (RTL first)
- Percentage value for Offset Bottom in Height Viewport component is calculated against the whole viewport
- Fix Notification component initialization
- Fix beta 8 regression with missing class in Navbar component
- Fix context selectors
- Sticky components sets inactive class initially
- Fix path to icons.svg in /custom folder
- Fix wrapping grid columns (IE + Edge)
- Fix prefixed JavaScript not working
- Fix beta 8 regression with Scrollspy targets
- Fix width-expand not wrapping into next row in rare cases (Safari)
- Apply class
uk-svgto SVG component
- Update event registration
- Use native Promises instead of jQuery Deferred
- Fix Cover component if the container has padding
- Fix Scrollspy component targeting wrong elements
- Switcher supports
data-prefixed items now - Fix beta 7 regression (IE <= 11)
- Add sub groups center left/right to Navbar component
- Add box-shadow-hover to Utility component
- Height Viewport component supports pixel / percentage values for Offset Bottom option
- Less no longer uses component attribute selectors
- Accordion close and open icons using variables
- Remove
uk-coverCSS only solution
- Fix icon
play-circle - Fix Spinner when
stroke-widthcannot be read - Fix memory leak in SVG component
- Prevent transition-toggle from setting a transition
- Fix width-expand not wrapping into next row in rare cases
- Allow a fixed width on nested grids with grid-match
- Fix Height Viewport offset calculation
- Fix Sticky (Chrome > 55)
- Togglable triggers
shown/hiddenevents, when animations complete
- Fix component initialization
- Fix Card component extending inverse
- Fix background-fixed (Firefox + IE)
- UIkit observes
<body>element too now - Performance improvements
- Fix regression with initialization (IE + Edge)
- Fix beta 2 regression for SVG’s (Safari)
- Fix Sticky width after resize
- Fix page width on resizing Offcanvas
- Fix props initialization for
data-uk-components - Fix sortable children loosing event bindings after sort
- Fix Scrollspy Nav within Sticky (Safari)
- Fix beta 3 regression for Accordion
- Fix lazy initialized components
- Add support for
data-uk-prefixed component attributes - Add support for Primary Arguments in components
- Add support for Functional Components
- Components reinitialize on added/removed children
- Fix sortable behaviour
- Fix link muted and link reset
- Enable deferred loading of UIkit
- Improve relative path to icons.svg
- Fix Icon component on
<canvas>elements (Safari)
- Initial release