aboutsummaryrefslogtreecommitdiff
path: root/js/src/offcanvas.js
AgeCommit message (Collapse)AuthorFilesLines
2023-03-29Tweak and re-organize ESLint config (#38369)XhmikosR1-6/+6
* Tweak and re-organize ESLint config * merge individual configs to the root config * enable more eslint-plugin-import rules * lint markdown files * Lint
2023-03-22Remove version comment from JavaScript src files (#38294)GeoSot1-1/+1
2023-02-11Unify `offcanvas` `keydown` event logic with `modal` (#38025)Roni Diwan1-3/+3
2022-12-24Release v5.3.0-alpha1 (#37661)XhmikosR1-1/+1
* Bump version to 5.3.0-alpha1 * Dist * Add docs versions updates * Update note in homepage hero Co-authored-by: Mark Otto <[email protected]>
2022-11-22Merge branch 'main' into prepare-523XhmikosR1-10/+9
2022-11-21Bump version to 5.2.3XhmikosR1-1/+1
2022-11-06Move `getElementFromSelector` & `getSelectorFromElement` to SelectorEngine ↵GeoSot1-2/+1
(#36027) * Move `getElementFromSelector` & getSelectorFromElement` inside selector-engine.js, in order to use SelectorEngine methods, avoiding raw querySelector usage * add `getMultipleElementsFromSelector` helper Co-authored-by: Julien Déramond <[email protected]>
2022-10-26Use explicit imports in our javascript source files (#36854)GeoSot1-8/+8
2022-10-03Release v5.2.2 (#37236)XhmikosR1-1/+1
* Bump version to v5.2.2 * Dist
2022-09-07Release v5.2.1 (#37098)XhmikosR1-1/+1
* Bump version to v5.2.1. * Dist
2022-07-19Release v5.2.0 (#36768)XhmikosR1-1/+1
* Bump version to 5.2.0 * Dist * Update masthead.html
2022-07-14Offcanvas: activate focustrap when backdrop is enabled (#36717)GeoSot1-1/+1
* fix(offcanvas): activate focustrap when backdrop is enabled * Adding tabindex='-1' for both offcanvases in the docs * Remove useless aria-expanded='false' in togglers * Update js/tests/unit/offcanvas.spec.js Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Patrick H. Lauke <[email protected]>
2022-05-13Prepare v5.2.0-beta1Mark Otto1-1/+1
2022-04-17v5.2.0 design refresh, plus responsive offcanvas classes (#35736)Mark Otto1-0/+9
* Add responsive offcanvas classes - Updates navbar-expand classes to de-dupe some styles—these shouldn't interfere now. - Adds some JS to the offcanvas component to help with responsiveness Co-Authored-By: GeoSot <[email protected]> * Redesign homepage, docs, and examples Homepage: - New Bootstrap purple navbar - Redesigned masthead - Rewrote and redesigned homepage content - Replace Copy text with icons like Bootstrap Icons site across all ClipboardJS instances - Fixed padding issues in site footer - Match homepage button styles to examples page, use gap instead of tons of responsive margin utils Docs: - New navbar, no more subnav. Migrated search and version picker into the main navbar and refreshed the design of it all, including the responsive toggles. - New sidebar navigation is always expanded, and now features Bootstrap Icons alongside section headings - Sidebar navigation autoscrolls to active link for better usability - Subnav and navbar padding issues ironed out - Enhanced the version picker in anticipation of v5.2: we can now link right to the same page in the previous version. - Redesign callouts to add more color to our pages - Collapse table of contents on mobile - Cleanup and redesign button styles with CSS variables - Update design for subnav version dropdown - Update highlight and example to be full-width until md - Improve the Added In badges - Turn the ToC into a well on mobile - Redesign code snippets to better house two action buttons Examples: - Redesign Examples page layout - Add new example for responsive offcanvases in navbars * Convert offcanvas to CSS vars * Feat: add resize handler to Offcanvas.js. If we could use as default the `.offcanvas` class without modifiers, we then, could add a simplified selector The selector itself, ignores the .offcanvas class as it doesn't have any responsive behavior The `aria-modal` addon is to protect us, selection backdrop elements * Separate examples code, Add some selectors, fix stackblitz btn Co-authored-by: GeoSot <[email protected]>
2022-03-02Add static backdrop to offcanvas (#35832)Jann Westermann1-5/+25
* Add static backdrop option, to offcanvas * Trigger prevented event on esc with keyboard=false * Change offcanvas doc , moving backdrop examples to examples section
2022-01-29Rename variablesXhmikosR1-2/+2
2022-01-05Remove explicit use of aria-hidden for offcanvas when closed (#35589)Patrick H. Lauke1-7/+7
Remove explicit use of aria-hidden & visibility for offcanvas when closed, handling it with css Co-authored-by: GeoSot <[email protected]> Co-authored-by: Gaël Poupard <[email protected]>
2021-12-10Extract Component config functionality to a separate class (#33872)GeoSot1-19/+10
Co-authored-by: XhmikosR <[email protected]>
2021-10-13JS: minor refactoring (#35183)XhmikosR1-29/+18
* add missing comments * shorten block comments * reorder constants * reorder public/private methods * sort exports alphabetically in util/index.js * fix a couple of typos
2021-10-09Merge remote-tracking branch 'remotes/origin/v513'XhmikosR1-1/+1
2021-10-09Bump version to 5.1.3.XhmikosR1-1/+1
2021-10-05Enable `unicorn/no-array-for-each` ruleXhmikosR1-3/+5
2021-10-05Release v5.1.2 (#35114)XhmikosR1-1/+1
2021-09-08Remove remaining "master" branch references (#34932)Julien Déramond1-1/+1
2021-09-07Release v5.1.1 (#34869)v5.1.1XhmikosR1-1/+1
* Prepare v5.1.1. * Dist
2021-08-04Prepare v5.1.0. (#34674)v5.1.0XhmikosR1-1/+1
2021-07-28Use a streamlined way to trigger component dismiss (#34170)GeoSot1-4/+2
* use a streamlined way to trigger component dismiss * add documentation Co-authored-by: XhmikosR <[email protected]>
2021-07-27Add shift-tab keyboard support for dialogs (modal & Offcanvas components) ↵Ryan Berliner1-13/+11
(#33865) * consolidate dialog focus trap logic * add shift-tab support to focustrap * remove redundant null check of trap element Co-authored-by: GeoSot <[email protected]> * remove area support forom focusableChildren * fix no expectations warning in focustrap tests Co-authored-by: GeoSot <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-06-25Variablize backdrop for modal and offcanvasMark Otto1-0/+2
2021-06-22Release v5.0.2 (#34276)v5.0.2XhmikosR1-1/+1
* Bump version to v5.0.2. * Dist
2021-06-06Refactor scrollbar.js to be used as a Class (#33947)GeoSot1-3/+3
2021-06-03Add `getOrCreateInstance` method in base-component (#33276)GeoSot1-7/+5
Co-authored-by: Rohit Sharma <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-05-13Release v5.0.1 (#33972)v5.0.1XhmikosR1-1/+1
* Bump version to 5.0.1. * Dist
2021-05-11Extract static `DATA_KEY` & `EVENT_KEY` to base-component (#33635)GeoSot1-5/+5
* Force each plugin that extends base-components to implement a static method `NAME()` * Remove redundant `NAME` argument from 'Utils.defineJQueryPlugin' & fix test
2021-05-11Refactor: move disposing properties into the base class (#33740)GeoSot1-3/+0
Moves more functionality to `base-component`, transferring the responsibility of disposal to parent class. Each component, dusting disposal, sets its protected properties to `null`. So the same can be done in one place for all children components .
2021-05-10Merge js-components 'transitionend' listener callbacks into one methodGeoSot1-8/+2
2021-05-05Release v5.0.0 (#33647)v5.0.0XhmikosR1-1/+1
* Bump version to 5.0.0 * Fix npm tag * Dist
2021-04-20Offcanvas.js: If scroll is allowed, should allow focus on other elements ↵GeoSot1-1/+1
(#33677)
2021-04-19Use the backdrop util in offcanvas, enforcing consistency (#33545)GeoSot1-27/+33
* respect /share modal's backdrop functionality, keeping consistency * listen click events over backdrop (only) and trigger `hide()` without add/remove event tricks * achieve to hide foreign open offcanvas instances without glitches `if (allReadyOpen && allReadyOpen !== target)`, in case another is going to be open, when user clicks on trigger button
2021-03-23Release v5.0.0-beta3 (#33439)v5.0.0-beta3XhmikosR1-1/+1
2021-03-23Allow offcanvas to be initialized in open state (#33382)GeoSot1-2/+8
* Update docs to use new .show behavior and clarify some copy for first example Co-authored-by: Mark Otto <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-03-16Accept data-bs-body option in the configuration object as well (#33248)GeoSot1-21/+55
* Accept data-bs-body option in the configuration object as well Tweak jqueryInterface, add some more tests * Fix Markdown table formatting and tweak the wording on backdrop Co-authored-by: Mark Otto <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-03-16Change the name of the `Offcanvas` constructor (#33261)Rohit Sharma1-5/+5
2021-03-02Offcanvas as component (#29017)GeoSot1-0/+239
* Add a new offcanvas component * offcanvas.js: switch to string constants and `event.key` * Remove unneeded code * Sass optimizations * Fixes Make sure the element is hidden and not offscreen when inactive fix close icon negative margins Add content in right & bottom examples Re-fix bottom offcanvas height not to cover all viewport * Wording tweaks * update tests and offcanvas class * separate scrollbar functionality and use it in offcanvas * Update .bundlewatch.config.json * fix focus * update btn-close / fix focus on close * add aria-modal and role return focus on trigger when offcanvas is closed change body scrolling timings * move common code to reusable functions * add aria-labelledby * Replace lorem ipsum text * fix focus when offcanvas is closed * updates * revert modal, add tests for scrollbar * show backdrop by default * Update offcanvas.md * Update offcanvas CSS to better match modals - Add background-clip for borders - Move from outline to border (less clever, more consistent) - Add scss-docs in vars * Revamp offcanvas docs - Add static example to show and explain the components - Split live examples and rename them - Simplify example content - Expand docs notes elsewhere - Add sass docs * Add .offcanvas-title instead of .modal-title * Rename offcanvas example to offcanvas-navbar to reflect it's purpose * labelledby references title and not header * Add default shadow to offcanvas * enable offcanvas-body to fill all the remaining wrapper area * Be more descriptive, on Accessibility area * remove redundant classes * ensure in case of an already open offcanvas, not to open another one * bring back backdrop|scroll combinations * bring back toggling class * refactor scrollbar method, plus tests * add check if element is not full-width, according to #30621 * revert all in modal * use documentElement innerWidth * Rename classes to -start and -end Also copyedit some docs wording * omit some things on scrollbar * PASS BrowserStack tests -- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling. * Rename '_handleClosing' to '_addEventListeners' * change pipe usage to comma * change Data.getData to Data.get Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]> Co-authored-by: Mark Otto <[email protected]>
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 11:15:20 +0000