Changelog

Explore the latest Tabler release notes, product updates, new features, improvements, and bug fixes across Tabler UI, Icons, and Illustrations.

admin panel
Published

Tabler v1.7.5

A patch release for Tabler 1.7 that fixes a long list of JavaScript component bugs. Datepicker works inside modals and offcanvas panels, follows typed and pasted dates and reads localized initial values correctly, NumberInput, OtpInput, CountUp and VectorMap handle their edge cases, and one invalid nav-overflow element no longer stops the rest of the tabler.js bundle. The masonry library now ships in dist/libs/ instead of loading from a CDN.

Core changes

  • 4ccb046: Fixed CountUp losing its end value on dispose() and ignoring separator and decimal in the source text.
  • 986dabc: Fixed a Datepicker button trigger opening on focus and closing again on the click that follows.
  • a00cc81: Fixed a Datepicker inside a .modal or .offcanvas closing before a click on a day lands.
  • 3cb0195: Fixed an inline Datepicker keeping the theme it was created with.
  • e1c9a3e: Fixed Datepicker swapping the day and month of a localized initial value.
  • f83a6eb: Fixed Datepicker not updating the bound input and the selection when a date is typed or pasted into the field.
  • 6d247e5: Fixed one invalid nav-overflow element stopping the rest of the tabler.js bundle.
  • 873ca3b: Fixed keyboard navigation of tabs inside nav-overflow and a stale active item in its More menu.
  • 5dd7b14: Fixed NumberInput ignoring the next click after a hold that reached a bound or ended outside the button.
  • b073d67: Fixed NumberInput not firing change.bs.numberInput for a typed value, and Home/End editing a readonly field.
  • 17c8b74: Fixed OtpInput losing characters when a pasted code contains separators.
  • b8da7e9: Fixed sidebar icons sitting 2px off center in .nav-link-icon, visible in the folded sidebar.
  • 457a15c: Fixed folded sidebar dropdowns written with data-tblr-toggle not closing on an outside click.
  • 08652fa: Fixed data-bs-toggle="toast" triggers throwing after the toast is created again and following the link href.
  • cb1df03: Fixed VectorMap staying broken when its map data loads after the first initialisation.
  • 7c2dfff: Fixed VectorMap panning on hover after a pointer was released outside the map.
  • 81c2442: Fixed the map library option so a data-bs-library attribute only loads the module from the same origin as the page.
  • b0a29f9: Updated the masonry page library to ship from masonry-layout in dist/libs/ instead of a cdnjs URL.
  • b0a29f9: Added minified maps/world.min.js and maps/world.esm.min.js builds with source maps.
  • b0a29f9: Removed the unused mapbox and google-maps entries from libs.json.
  • 417bd2a: Removed body.navbar selectors that never match and duplicated declarations in :root, .text-correct and .text-incorrect.

Demo changes

  • 977102f: Fixed the Map blocks page loading jsvectormap instead of the vector-map add-on.

Docs changes

  • b0a29f9: Updated the Datepicker docs to note that vcpOptions are passed to Vanilla Calendar Pro unchecked.

Get Started with Tabler

Ready to explore the latest features? Download Tabler today and start building with the most advanced version of Tabler yet! 🚀

We’d love to hear your thoughts and see what you build with this release. Share your feedback and creations with us!

admin panel
Published

Tabler v1.7.4

A patch release for Tabler 1.7 focused on tables, dark mode and design tokens. .card-table draws the right borders around tfoot and row header cells, translucent borders stay visible in dark mode, dropdown menus in an expanded .navbar no longer overflow the viewport, and more components read colors, shadows, borders and font weights from CSS variables instead of hard-coded values.

Core changes

  • 7ecb816: Fixed .card-table bottom border on the last tfoot row and on row header th cells, and kept the rule above a tfoot.
  • 4d92aae: Updated $border-color-translucent-dark to white at 8% so card, table and dropdown borders stay visible in dark mode.
  • dd50698: Fixed Tabler Icons webfont .ti size in .empty-icon and its alignment in .dropdown-item-icon.
  • 141b9f3: Fixed dropdown menus in an expanded .navbar overflowing the viewport edge by letting Popper position them.
  • 9ccd968: Fixed hard-coded colors and shadows in .ribbon, .loader, .stars, .card-cover, forms and marketing with CSS variables.
  • 93191c3: Fixed hard-coded 1px borders, font weights, hero font sizes and transition times to use the shared tokens.

Demo changes

  • 3c81e6d: Fixed the dashboard welcome card illustration to use the Illustration component, so it follows dark mode.

Docs changes

  • f7ab6f7: Fixed table of contents links in the docs not updating the URL #fragment after clicking.

Get Started with Tabler

Ready to explore the latest features? Download Tabler today and start building with the most advanced version of Tabler yet! 🚀

We’d love to hear your thoughts and see what you build with this release. Share your feedback and creations with us!

icons
Published

Tabler Icons v3.51.0

Tabler Icons v3.51.0

30 new icons:

Fixes and improvements

  • Redraw shopping-cart-copy, which was identical to shopping-cart-check (#1692)
  • Webfont: Refresh cached webfont icons when their source SVGs change. (#1651)
  • Webfont: Add U+20 to the unicode-range of the core chunk so that browsers take the line metrics from Tabler Icons and not from the system fallback font. Since 3.50.0 icons rendered taller than 1em and sat too high in their line box. (#1716)
  • Vue: size, color, stroke, strokeWidth and title are declared as props, so they are no longer rendered as DOM attributes on the <svg>, and strokeWidth maps to stroke-width (#1688)
  • Sprite: The invisible 24×24 background path is no longer repeated in every <symbol> (#1691)
  • SolidJS: The CommonJS bundle is published as .cjs, so Node no longer parses it as an ES module (#1689)
  • React Native: The types entries in package.json point at files that exist: CommonJS consumers get .d.cts declarations and per-icon subpath imports are typed (#1690)
admin panel
Published

Tabler v1.7.3

A patch release for Tabler 1.7 with four fixes. Autosize no longer moves the scroll position of a scrolled ancestor when the textarea grows, .card-table keeps its rounded corners inside the responsive table wrappers, a wrapped .modal-title gets proper vertical padding in .modal-header, and Tom Select chips, optgroup dividers and dropdown corners read the right --tblr-* variables instead of undefined --bs-* ones.

Core changes

  • 62faccc: Fixed Autosize moving the scroll position of a scrolled ancestor when the textarea is resized.
  • 21dc7f5: Fixed .card-table losing its rounded corners inside .table-responsive-sm to .table-responsive-xxl wrappers.
  • ec4b184: Fixed .modal-header vertical padding so multiline and wrapped .modal-title text no longer touches the header edges.
  • 8dec6f4: Fixed Tom Select chip border-radius, optgroup dividers and dropdown corners that read undefined --bs-* variables.

Get Started with Tabler

Ready to explore the latest features? Download Tabler today and start building with the most advanced version of Tabler yet! 🚀

We’d love to hear your thoughts and see what you build with this release. Share your feedback and creations with us!

admin panel
Published

Tabler v1.7.2

A small patch release for Tabler 1.7. It fixes the Datepicker crash when the start of a range is clicked again, lets data-bs-dismiss="offcanvas" close a responsive offcanvas without a data-bs-target, and gives .table-primary, .table-warning and the other table variants proper backgrounds in dark mode. The demo charts no longer crash when an axis formatter gets an empty value.

Core changes

  • f251b2f: Fixed Datepicker throwing on a click when the start of a range is clicked again to clear it.
  • 3dba8bc: Let data-bs-dismiss="offcanvas" close a responsive offcanvas (.offcanvas-lg etc.) without data-bs-target.
  • 19fc71a: Fixed .table-primary, .table-warning and other table variants showing light backgrounds in dark mode.

Demo changes

  • 40a1a91: Fixed a chart tooltip crash when the thousands or suffix-k axis formatter gets an empty value.

Get Started with Tabler

Ready to explore the latest features? Download Tabler today and start building with the most advanced version of Tabler yet! 🚀

We’d love to hear your thoughts and see what you build with this release. Share your feedback and creations with us!