Changelog

3.23.1 (February 19, 2025)

Fixed

• Fix Safari 18.3 :not(:has(...)) invalidation issue causing hidden class not showing in Visibility component

3.23.0 (February 4, 2025)

Added

• Add property option to Height Viewport component

Changed

• IMPORTANT: Rename minHeight option to min in Height Viewport component

Fixed

• Fix Toggle component does not toggle if element is a link without href attribute

3.22.4 (January 30, 2025)

Added

• Add dropbar margin variable to Dropdown component

Fixed

• Fix pressing arrow down key on nav item in Dropbar component opens Dropdown component

3.22.3 (January 24, 2025)

Fixed

• Fix vertical alignment for input of type date, time and datetime-local in Safari

3.22.2 (January 16, 2025)

Fixed

• Fix missing list markers in Chrome in List component

3.22.1 (January 16, 2025)

Changed

• Apply accordion item hook also to the first item

3.22.0 (January 9, 2025)

Added

• Add slidnav option to disable slidenav to Lightbox component
• Add nav option to show a vertical thumbnav or dotnav to Lightbox component
• Add counter option to show counter with current item number and total number of items to Lightbox component
• Add video-autoplay: inline option 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 template option to reference a template element 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 reload option to Countdown component
• Add offset-end option to Sticky component

Changed

• 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-color to @lightbox-color in Lightbox component
• Set delay-controls: 0 prevents 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

Fixed

• Fix spaces in the markup affecting the horizontal divider margin in Breadcrumb component

3.21.17 (January 7, 2025)

Fixed

• Fix Navbar component not re-applying transparency after closing Drop component

3.21.16 (November 22, 2024)

Fixed

• Fix regression in Scroll component

3.21.15 (November 22, 2024)

Fixed

• Fix regression in SVG parsing

3.21.14 (November 21, 2024)

Fixed

• 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

3.21.13 (September 26, 2024)

Fixed

• Fix scrollIntoView() for elements with scroll-behavior: smooth
• Fix Offcanvas in reveal mode unwraps itself

3.21.12 (September 9, 2024)

Fixed

• Fix Sticky component not using position: sticky if parent has overflow: 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

3.21.11 (August 22, 2024)

Fixed

• Fix regression in updating computed values (again)

3.21.10 (August 22, 2024)

Fixed

• Fix regression in updating computed values

3.21.9 (August 1, 2024)

Fixed

• Fix Sticky component calculates wrong top offset, when animation is in progress
• Fix rounding issue in Slider component in Firefox
• Fix calling query() and queryAll() with empty string throws exception

3.21.8 (July 25, 2024)

Fixed

• Fix toggled hidden hover class to display elements on hover for touch devices using tabindex in Visibility component
• Fix offsetViewport calculation if window is passed as scrollElement

3.21.7 (July 17, 2024)

Fixed

• 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

3.21.6 (July 1, 2024)

Fixed

• 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

3.21.5 (June 3, 2024)

Fixed

• 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

3.21.4 (May 24, 2024)

Added

• Add target option to Scrollspy Nav component

Changed

• Scrollspy Nav component defaults to a 10vh active top offset

Removed

• Remove overflow option from Scrollspy Nav component

Fixed

• 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

3.21.3 (May 22, 2024)

Fixed

• Fix regression in Slideshow component

3.21.2 (May 22, 2024)

Fixed

• Fix Slider component shows wrong slide after resizing
• Fix regression in Slideshow component not transitioning first slide

3.21.1 (May 21, 2024)

Fixed

• Fix regression in observer handling

3.21.0 (May 17, 2024)

Added

• Add new search navbar modifier to Search component

Changed

• IMPORTANT: Rename uk-search-navbar class to uk-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

Fixed

• Fix clickable search icon not being in natural ordering for sequential focus navigation

3.20.11 (May 17, 2024)

Fixed

• Fix regression in Sortable component

3.20.10 (May 13, 2024)

Removed

• Remove removeClasses() util function

Fixed

• Fix slide transition in Slider component in Safari

3.20.9 (May 8, 2024)

Added

• Add color mode --uk-inverse property in all components

Fixed

• Fix race condition in Slider/Slideshow component
• Fix prompts with double quotes in Modal component
• Fix infinite loop in Slider component

3.20.8 (April 26, 2024)

Fixed

• Fix check for Elemenent.prototype.checkVisibility function
• Fix filter animations in Safari

3.20.7 (April 24, 2024)

Fixed

• fix: revert adding esm build for now (breaks resolving logic)

3.20.6 (April 24, 2024)

Fixed

• Fix missing esm dist files in package

3.20.5 (April 24, 2024)

Fixed

• Fix missing esm export for icons

3.20.4 (April 24, 2024)

Fixed

• Fix missing esm export

3.20.3 (April 24, 2024)

Fixed

• Fix regression in none browser environment

3.20.2 (April 24, 2024)

Changed

• Make gutter overridable through grid classes in Iconnav and Thumbnav components

Fixed

• Fix Switcher component may show multiple items if toggled while previous animation in progress
• Fix regression in selector engine

3.20.1 (April 23, 2024)

Fixed

• Fix regression in Inverse component

3.20.0 (April 23, 2024)

Changed

• Improve query selector performance 🏎
• Queue updates on microtask instead of animation frame to ensure more immediate updates

Removed

• Remove deprecated closest() and within() functions

Fixed

• Fix lazy loading on target in Toggle component

3.19.4 (April 9, 2024)

Added

• Add hover mode to autoplay option in Video component

3.19.2 (March 12, 2024)

Added

• Add center vertical and horizontal classes to Position component

Fixed

• Fix scrollIntoView() when target is covered by another element

3.19.1 (March 1, 2024)

Added

• Add Bluesky icon

Fixed

• Fix Video component handles fullscreen mode correctly

3.19.0 (February 29, 2024)

Added

• Add breakpoint classes for flex direction, dimension and alignment
• Add active option to Slider component

Changed

• Remove obsolete fix for rounding issues in Width component in IE11/Edge

Fixed

• 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

3.18.3 (February 13, 2024)

Fixed

• 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

3.18.2 (February 9, 2024)

Fixed

• Fix wrong dropbar offset in Navbar component
• Fix conflict if multiple Dropnav components share the same container

3.18.1 (February 7, 2024)

Changed

• Close modal if contained video leaves fullscreen mode

Fixed

• 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

Removed

• Remove Pagekit CMS icon

3.18.0 (January 30, 2024)

Added

• 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

Changed

• Replace none with dark as default for navbar, dropdown and dropbar color modes
• Twitter icon will show X icon
• Responsive component uses aspect-ratio if available

Fixed

• Fix icons task on Windows
• Fix Height Match component uses offsetHeight as base

3.17.11 (November 21, 2023)

Fixed

• Fix Tooltip component not hiding when used with delay

3.17.10 (November 17, 2023)

Fixed

• Fix Tooltip component initialized programmatically
• Fix Tooltip component not hiding on blur

3.17.9 (November 16, 2023)

Changed

• Improve Tooltip performance

Deprecated

• Deprecate closest() and within() functions

Fixed

• Fix scrollIntoView() function scrolls to wrong position
• Fix Drop and Modal based components remain open when anchor click targets element within

3.17.8 (November 2, 2023)

Fixed

• Fix build

3.17.7

Added

• Add uk-transition-disable utility class to Transition component

Fixed

• Fix disabling transition during Sticky component size recalculation

3.17.6 (October 25, 2023)

Fixed

• Fix regression in Video component causing videos to autoplay with autoplay set to false

3.17.5 (October 24, 2023)

Deprecated

• Deprecate isInView() and intersectRect() functions
• Deprecate target-offset option in Sticky component

Changed

• Video component uses IntersectionObserver only

Fixed

• Fix Scroll component not detecting covering element correctly

3.17.4 (October 18, 2023)

Fixed

• Fix filter animation fade

3.17.3 (October 17, 2023)

Fixed

• Fix Grid component applies uk-grid-stack class wrongly

3.17.2 (October 16, 2023)

Fixed

• 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

3.17.1 (October 5, 2023)

Fixed

• Fix icon alignment in Pagination component
• Fix Sticky component overflow scrolling position on resize
• Fix Cover component no longer uses inline style

3.17.0 (September 28, 2023)

Added

• Add modes pack (default) and next to Grid component's masonry option
• Add parallax-start, parallax-end, parallax-justify option to Grid component
• Add close-on-scroll option to Drop and Dropdown component
• Add transparent Navbar gets its color modifier from underlying section
• Add support for <td> and <tr> elements to fragment() function
• Add 3XL size modifier to Heading component
• Add support for a CSS Selector in offsetTop option in Height Viewport component

Change

• Scroll component scrolls beneath elements covering its target
• The closest() function no longer accepts an array of elements
• Reset fieldset min-width

3.16.27 (September 28, 2023)

Fixed

• Fix Height Viewport component not observing viewport changes with expand: true
• Fix passing a vh unit to option scale relates to element's height in Parallax component

3.16.26 (August 28, 2023)

Fixed

• Fix minified build to use template-strings too

3.16.25 (August 28, 2023)

Added

• Add -source argument to prefix command

Fixed

• Fix Toggle in hover mode does not trigger when scrolling in FireFox
• Fix Parallax component stop parsing

3.16.24 (August 1, 2023)

Fixed

• Fix delayed show in Drop component shows drop, although toggle is no longer hovered
• Fix regression in Slider component
• Fix disconnecting Sticky component

3.16.23 (July 26, 2023)

Fixed

• 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

3.16.22 (June 22, 2023)

Fixed

• Fix existing notification container has to be visible before appending notification

3.16.21 (June 13, 2023)

Fixed

• Fix release changelog

3.16.20 (June 13, 2023)

Fixed

• Fix Toggle component with cls option in hover mode
• Fix aria-roledescription attribute in Slider nav component

3.16.19 (May 24, 2023)

Fixed

• Fix Parallax component responsiveness on resize of scroll container

3.16.18 (May 22, 2023)

Changed

• Modal prompt dialog selects text in input
• Sticky component sets position context with !important modifier

Fixed

• Fix keyboard navigation in Navbar component

3.16.17 (May 9, 2023)

Added

• Add i18n labels for Search Icons

Fixed

• Fix Toggle component uses anchor element's hash as target fallback

3.16.16 (May 8, 2023)

Removed

• Remove Deferred util class

Fixed

• 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 center option enabled
• Fix JavaScript error in Parallax component

3.16.15 (April 14, 2023)

Fixed

• Fix Drop component height if inset: true and stretch: true
• Fix Drop component maxWidth property with fractional viewport view
• Fix Sticky component listens for resize of itself as long as no transition is in Progress

3.16.14 (April 6, 2023)

Changed

• Make Navbar/Dropnav items tabbable again

Fixed

• Fix using rgb and rgba values in color stops in Parallax component
• Fix setting will-change css property in Parallax component for camelCased props
• Fix Slider removes tabindex from focusable elements in slides
• Fix class uk-svg gets added to <svg> element only in Svg component

3.16.13 (March 28, 2023)

Fixed

• Fix Sass sources
• Fix Scrollspy Nav component updates state once shown

3.16.12 (March 27, 2023)

Fixed

• Fix push history state in Scroll component if href differs from current url only

3.16.11 (March 24, 2023)

Changed

• Remove roles menubar and menuitem from Navbar component
• Add watch to component options API

3.16.10 (March 20, 2023)

Fixed

• Fix including UIkit scripts at the end of body element

3.16.9 (March 18, 2023)

Fixed

• Fix reactivity in Toggle component
• Fix regression in Scrollspy component

3.16.8 (March 17, 2023)

Fixed

• Fix focus style for dropdowns when used with Inverse component
• Fix regression in Lightbox component

3.16.7 (March 16, 2023)

Added

• 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

Changed

• Change boot behavior: if script is loaded synchronous, UIkit boots as soon as body element is available

Fixed

• 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

3.16.6 (March 10, 2023)

Fixed

• Fix Sass sources
• Fix createComponent call without element parameter

3.16.5 (March 10, 2023)

Fixed

• Fix functional component initialization
• Fix pause-on-hover option in Slider/Slideshow component

3.16.4 (March 8, 2023)

Added

• Add observe to component options API

Fixed

• 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

3.16.3 (February 27, 2023)

Fixed

• Fix object type coercion

3.16.2 (February 27, 2023)

Fixed

• Fix event delegation did not delete current property 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

3.16.1 (February 23, 2023)

Fixed

• Fix missing dropnav.scss file from dist

3.16.0 (February 23, 2023)

Added

• 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 i18n option 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:init event triggered on document before components initialize
• Add countdownstart, countdownstop and countdownend events to Countdown component

Changed

• IMPORTANT: Remove .uk-dropdown-close from Dropdown component. Use uk-drop-close instead
• IMPORTANT: Remove .uk-dropdown-grid from Dropdown component. Use uk-drop-grid instead
• IMPORTANT: Remove .uk-navbar-dropdown-close from Navbar component. Use uk-drop-close instead
• IMPORTANT: Remove .uk-navbar-dropdown-grid from Navbar component. Use uk-drop-grid instead
• IMPORTANT: Remove error message options in Upload component, use i18n option
• IMPORTANT: Rename labels default property and option on UIkit.modal to i18n
• Move functional CSS from Dropdown, Dropbar and Navbar component to Drop component

Removed

• Remove ajax() util function, use native fetch instead
• Remove getImage() util function

3.15.25 (February 23, 2023)

Fixed

• Fix Dropbar partially closing before opening when switching between Navbar items
• Fix Parallax component updating too late during slide animation in Filter component

3.15.24 (February 9, 2023)

Fixed

• Fix Tooltip component appends to container option, prevents margins in scroll container
• Fix regression in scrollParents function

3.15.23 (February 1, 2023)

Fixed

• Fix prevent background scrolling in Safari

3.15.22 (January 19, 2023)

Added

• Add Eye and Eye Slash icons

Changed

• Update Lifesaver, Paint Bucket and Video Camera icons to fit outline style

Fixed

• Fix Scroll component scrolls to elements by name
• Fix Tooltip appends itself to the closest scroll container if within element referenced by container option

3.15.21 (January 12, 2023)

Added

• 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

3.15.20 (January 5, 2023)

Changed

• Improve close icon not overlaying content in Modal component in UIkit theme

Fixed

• Fix nav in Dropdown component not overriding properties of Nav component
• Fix disable native position sticky in Sticky component if parents overflow is not set to visible
• Fix Drop positioning

3.15.19 (December 20, 2022)

Changed

• removeAttr no longer accepts a space separated list of attribute names

Fixed

• Fix stacking context if using position: sticky in Sticky component
• Fix height calculation for box-sizing: border-box on 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 with position: clip as scrollable parents
• Fix Slider shows not centered initially with center: true

3...

...