You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by hn...@apache.org on 2025/03/12 08:29:23 UTC
(myfaces-tobago) branch tobago-5.x updated (b8cc6d4ef3 -> e3dd6c81bc)
This is an automated email from the ASF dual-hosted git repository.
hnoeth pushed a change to branch tobago-5.x
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
from b8cc6d4ef3 tobago-example: fix spelling in webapp content (#6160) (#6161)
new bb0f60437f fix(dropdown): button
new e3dd6c81bc build(theme): rebuild
The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
Summary of changes:
tobago-theme/src/main/scss/_tobago.scss | 83 +++++++++-------
.../src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../tobago-theme-speyside/src/main/css/tobago.css | 109 +++++++++++----------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../tobago-theme-standard/src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../tobago-theme-standard/src/main/js/tobago.js | 8 +-
.../src/main/js/tobago.js.map | 2 +-
.../src/main/ts/tobago-client-behaviors.ts | 4 +
.../src/main/ts/tobago-dropdown-item.ts | 47 +++++++++
.../src/main/ts/tobago-dropdown-menu.ts | 22 ++++-
.../src/main/ts/tobago-dropdown.ts | 78 ++++-----------
.../src/main/ts/tobago-select-list-base.ts | 30 ++----
.../src/main/ts/tobago-select-many-list.ts | 4 +-
.../src/main/ts/tobago-select-one-list.ts | 6 +-
30 files changed, 414 insertions(+), 341 deletions(-)
(myfaces-tobago) 01/02: fix(dropdown): button
Posted by hn...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
hnoeth pushed a commit to branch tobago-5.x
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
commit bb0f60437f5df5295a401da3a3e3d932625b1012
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Fri Feb 21 14:04:18 2025 +0100
fix(dropdown): button
Refactor dropdown menu handling (scrolling/positioning). If the user scrolls, the dropdown menu should be closed. The dropdown menu is now scrollable if it is too big for the screen. The reference element must always be visible (important for filtering and tc:suggests). PopperJs is removed.
* show/shown/hide/hidden-events are now fired in the tobago-dropdown-menu.ts
* event names are put into ClientBehaviors
* set ariaExpanded in the tobago-dropdown-menu.ts class
* set CSS class "show" in the tobago-dropdown-menu.ts class
* replace the show/hideDropdown() functions in tobago-dropdown.ts and tobago-select-list-base.ts with the show/hide() function of tobago-dropdown-menu.ts
Issue: TOBAGO-2389, TOBAGO-2390
---
tobago-theme/src/main/scss/_tobago.scss | 83 +++++++++++++---------
.../src/main/ts/tobago-client-behaviors.ts | 4 ++
.../src/main/ts/tobago-dropdown-item.ts | 47 ++++++++++++
.../src/main/ts/tobago-dropdown-menu.ts | 22 +++++-
.../src/main/ts/tobago-dropdown.ts | 78 ++++++--------------
.../src/main/ts/tobago-select-list-base.ts | 30 ++------
.../src/main/ts/tobago-select-many-list.ts | 4 +-
.../src/main/ts/tobago-select-one-list.ts | 6 +-
8 files changed, 151 insertions(+), 123 deletions(-)
diff --git a/tobago-theme/src/main/scss/_tobago.scss b/tobago-theme/src/main/scss/_tobago.scss
index 3428c45ca1..e0c86bf10e 100644
--- a/tobago-theme/src/main/scss/_tobago.scss
+++ b/tobago-theme/src/main/scss/_tobago.scss
@@ -84,6 +84,26 @@ @mixin badgeBtn() {
}
}
+@mixin buttonDropdownMenu() {
+ > .tobago-dropdown-menu {
+ @include tobagoDropdownMenuValues();
+
+ .form-check {
+ /* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
+ $paddingLeftCheckboxRadio: (divide($dropdown-item-padding-x, 1rem) + $form-check-padding-start);
+ padding-left: $paddingLeftCheckboxRadio;
+
+ &.form-switch {
+ padding-left: $paddingLeftCheckboxRadio + ($form-switch-width - $form-check-input-width);
+ }
+ }
+
+ label[for] {
+ width: 100%; //increased clickable area for checkbox/radio button label
+ }
+ }
+}
+
@mixin buttonLinkDisabledCursor() {
&:disabled {
pointer-events: auto;
@@ -95,9 +115,6 @@ @mixin buttonLinkDisabledCursor() {
}
@mixin dropdownMenuPositioning() {
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -308,10 +325,7 @@ @mixin selectListBase() {
@mixin selectListOptions() {
.tobago-options {
&.tobago-dropdown-menu {
- /* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
- This leads to javascript error if arrow up/down is pressed. */
- @extend .dropdown-menu;
- @include dropdownMenuPositioning();
+ @include tobagoDropdownMenuValues();
}
&.list-group-item {
@@ -371,26 +385,16 @@ @mixin selectListBorderColorShadow($name, $color) {
}
}
-@mixin tobagoDropdownMenu() {
- .tobago-dropdown-menu {
- /* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
- This leads to javascript error if arrow up/down is pressed. */
- @extend .dropdown-menu;
-
- .form-check {
- /* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
- $paddingLeftCheckboxRadio: (divide($dropdown-item-padding-x, 1rem) + $form-check-padding-start);
- padding-left: $paddingLeftCheckboxRadio;
-
- &.form-switch {
- padding-left: $paddingLeftCheckboxRadio + ($form-switch-width - $form-check-input-width);
- }
- }
+@mixin tobagoDropdownMenuValues() { // use this mixin inside every .tobago-dropdown-menu class
+ /* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
+ This leads to javascript error if arrow up/down is pressed. */
+ @extend .dropdown-menu;
- label[for] {
- width: 100%; //increased clickable area for checkbox/radio button label
- }
- }
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
@mixin tobagoTreeNodeToggle() {
@@ -581,10 +585,9 @@ .tobago-now {
}
tobago-dropdown {
+ @include buttonDropdownMenu();
display: inline-block; //make tobago-dropdown height the same the inner button. Important for dropdown-menu position
- @include tobagoDropdownMenu();
-
&.tobago-dropdown-submenu {
cursor: pointer;
position: relative;
@@ -609,12 +612,21 @@ tobago-dropdown {
margin-top: 7px;
margin-right: -10px;
}
+ }
- > .tobago-dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -0.5rem;
- margin-left: -1px;
+ &.dropdown {
+ > .tobago-dropdown-menu.show {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
+
+ .tobago-dropdown-submenu {
+ > .tobago-dropdown-menu {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
+ }
+ }
}
}
}
@@ -1112,14 +1124,15 @@ tobago-page {
padding-bottom: 1rem;
.tobago-page-menuStore {
- @include tobagoDropdownMenu();
+ @include buttonDropdownMenu();
@include selectListOptions();
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
+ z-index: var(--tobago-dropdown-menu-z-index);
}
.tobago-page-popoverStore {
diff --git a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-client-behaviors.ts b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-client-behaviors.ts
index 0bdf936798..1103572f9f 100644
--- a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-client-behaviors.ts
+++ b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-client-behaviors.ts
@@ -22,6 +22,10 @@ export enum ClientBehaviors {
CLICK = "click",
COMPLETE = "complete",
DBLCLICK = "dblclick",
+ DROPDOWN_HIDE = "tobago.dropdown.hide",
+ DROPDOWN_HIDDEN = "tobago.dropdown.hidden",
+ DROPDOWN_SHOW = "tobago.dropdown.show",
+ DROPDOWN_SHOWN = "tobago.dropdown.shown",
FOCUS = "focus",
KEYDOWN = "keydown",
KEYPRESS = "keypress",
diff --git a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-item.ts b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-item.ts
index d5f675553b..4270db9aa2 100644
--- a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-item.ts
+++ b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-item.ts
@@ -84,6 +84,7 @@ export class DropdownItem {
showSubMenu(): void {
if (!this.disabled && this.dropdownMenu) {
this.element.parentElement.classList.add(Css.TOBAGO_SHOW);
+ this.updatePosition();
}
}
@@ -92,4 +93,50 @@ export class DropdownItem {
this.element.parentElement.classList.remove(Css.TOBAGO_SHOW);
}
}
+
+ private updatePosition(): void {
+ const refElementRect = this.element.getBoundingClientRect();
+
+ //calc horizontal positioning and max-width
+ const rightBorder = this.body.offsetWidth;
+ this.dropdownMenu.style.left = refElementRect.right + "px";
+ this.dropdownMenu.style.marginLeft = "0px";
+ this.dropdownMenu.style.marginRight = null;
+
+ //calc vertical positioning and max-height
+ const upperBorder = this.stickyHeader ? this.stickyHeader.offsetHeight : 0;
+ const lowerBorder = this.fixedFooter ? this.fixedFooter.offsetTop : window.innerHeight;
+ const spaceAbove = refElementRect.top - upperBorder;
+ const spaceBelow = lowerBorder - refElementRect.bottom;
+ if (spaceBelow >= spaceAbove) {
+ this.dropdownMenu.style.top = refElementRect.top + "px";
+ this.dropdownMenu.style.bottom = null;
+ this.dropdownMenu.style.marginTop = "0px";
+ this.dropdownMenu.style.marginBottom = null;
+ this.dropdownMenu.style.maxHeight = spaceBelow
+ - parseFloat(getComputedStyle(this.dropdownMenu).marginBottom) + "px";
+ } else {
+ this.dropdownMenu.style.top = null;
+ this.dropdownMenu.style.bottom = (window.innerHeight - refElementRect.bottom) + "px";
+ this.dropdownMenu.style.marginTop = null;
+ this.dropdownMenu.style.marginBottom = "0px";
+ this.dropdownMenu.style.maxHeight = spaceAbove
+ - parseFloat(getComputedStyle(this.dropdownMenu).marginTop) + "px";
+ }
+ }
+
+ private get body(): HTMLElement {
+ const root = document.getRootNode() as ShadowRoot | Document;
+ return root.querySelector("body");
+ }
+
+ private get stickyHeader(): HTMLElement {
+ const root = document.getRootNode() as ShadowRoot | Document;
+ return root.querySelector("tobago-header.sticky-top");
+ }
+
+ private get fixedFooter(): HTMLElement {
+ const root = document.getRootNode() as ShadowRoot | Document;
+ return root.querySelector("tobago-footer.fixed-bottom");
+ }
}
diff --git a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-menu.ts b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-menu.ts
index 78c55a68ad..6724c24c20 100644
--- a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-menu.ts
+++ b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown-menu.ts
@@ -16,6 +16,7 @@
*/
import {Css} from "./tobago-css";
+import {ClientBehaviors} from "./tobago-client-behaviors";
export enum DropdownMenuAlignment {
start,
@@ -24,9 +25,9 @@ export enum DropdownMenuAlignment {
}
export class DropdownMenu {
-
- private dropdownMenuElementId: string;
private referenceElement: HTMLElement;
+ private dropdownMenuElementId: string;
+ private eventElement: HTMLElement;
private parent: HTMLElement; //initial parent of the dropdown menu
private localMenu: boolean;
private alignment: DropdownMenuAlignment;
@@ -36,14 +37,17 @@ export class DropdownMenu {
/**
* @param dropdownMenuElement dropdown menu element
* @param referenceElement the element which the dropdown menu is aligned for
+ * @param eventElement the element for which the show/shown/hide/hidden event is dispatched, usually the custom
+ * element
* @param localMenu if true, do not use the menu store
* @param alignment on the 'start' or 'end' of the reference element or in the center and the min-width is the same as
* the reference element width
*/
- constructor(dropdownMenuElement: HTMLElement, referenceElement: HTMLElement,
+ constructor(dropdownMenuElement: HTMLElement, referenceElement: HTMLElement, eventElement: HTMLElement,
localMenu: boolean, alignment: DropdownMenuAlignment) {
this.dropdownMenuElementId = dropdownMenuElement.getAttribute("name");
this.referenceElement = referenceElement;
+ this.eventElement = eventElement;
this.parent = dropdownMenuElement.parentElement;
this.localMenu = localMenu;
this.alignment = alignment;
@@ -91,26 +95,38 @@ export class DropdownMenu {
show(): void {
if (this.dropdownMenuElement && !this.dropdownMenuElement.classList.contains(Css.SHOW)) {
+ this.eventElement.dispatchEvent(new CustomEvent(ClientBehaviors.DROPDOWN_SHOW));
+
window.addEventListener("resize", this.resizeEventListener);
window.addEventListener("scroll", this.scrollEventListener, true);
if (!this.localMenu) {
this.menuStore.appendChild(this.dropdownMenuElement);
}
+ this.referenceElement.classList.add(Css.SHOW);
+ this.referenceElement.ariaExpanded = "true";
this.dropdownMenuElement.classList.add(Css.SHOW);
this.updatePosition();
+
+ this.eventElement.dispatchEvent(new CustomEvent(ClientBehaviors.DROPDOWN_SHOWN));
}
}
hide(): void {
if (this.dropdownMenuElement && this.dropdownMenuElement.classList.contains(Css.SHOW)) {
+ this.eventElement.dispatchEvent(new CustomEvent(ClientBehaviors.DROPDOWN_HIDE));
+
window.removeEventListener("resize", this.resizeEventListener);
window.removeEventListener("scroll", this.scrollEventListener, true);
+ this.referenceElement.classList.remove(Css.SHOW);
+ this.referenceElement.ariaExpanded = "false";
this.dropdownMenuElement.classList.remove(Css.SHOW);
if (!this.localMenu) {
this.parent?.appendChild(this.dropdownMenuElement);
}
+
+ this.eventElement.dispatchEvent(new CustomEvent(ClientBehaviors.DROPDOWN_HIDDEN));
}
}
diff --git a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown.ts b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown.ts
index 063692e025..95baf7d20a 100644
--- a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown.ts
+++ b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-dropdown.ts
@@ -18,24 +18,13 @@
import {MenuStore} from "./tobago-menu-store";
import {Css} from "./tobago-css";
import {Key} from "./tobago-key";
-import {createPopper, Instance} from "@popperjs/core";
import {DropdownItem} from "./tobago-dropdown-item";
import {DropdownItemFactory} from "./tobago-dropdown-item-factory";
+import {DropdownMenu, DropdownMenuAlignment} from "./tobago-dropdown-menu";
+import {ClientBehaviors} from "./tobago-client-behaviors";
-const TobagoDropdownEvent = {
- HIDE: "tobago.dropdown.hide",
- HIDDEN: "tobago.dropdown.hidden",
- SHOW: "tobago.dropdown.show",
- SHOWN: "tobago.dropdown.shown"
-};
-
-/**
- * The dropdown implementation of Bootstrap does not move the menu to the tobago-page-menuStore. This behavior is
- * implemented in this class.
- */
class Dropdown extends HTMLElement {
-
- private popper: Instance;
+ private dropdownMenu: DropdownMenu;
private globalClickEventListener: EventListenerOrEventListenerObject;
constructor() {
@@ -44,13 +33,13 @@ class Dropdown extends HTMLElement {
connectedCallback(): void {
if (!this.classList.contains(Css.TOBAGO_DROPDOWN_SUBMENU)) { // ignore submenus
- this.popper = createPopper(this.toggle, this.dropdownMenu, {
- placement: this.dropdownMenu.classList.contains(Css.DROPDOWN_MENU_END) ? "bottom-end" : "bottom-start",
- });
+ this.dropdownMenu = new DropdownMenu(this.dropdownMenuElement, this.toggle, this, this.insideNavbar(),
+ this.dropdownMenuElement.classList.contains(Css.DROPDOWN_MENU_END)
+ ? DropdownMenuAlignment.end : DropdownMenuAlignment.start);
this.globalClickEventListener = this.globalClickEvent.bind(this) as EventListenerOrEventListenerObject;
document.addEventListener("click", this.globalClickEventListener);
this.addEventListener("keydown", this.keydownEvent.bind(this));
- this.dropdownMenu.addEventListener("keydown", this.keydownEvent.bind(this));
+ this.dropdownMenuElement.addEventListener("keydown", this.keydownEvent.bind(this));
this.toggle.addEventListener("keydown", this.tabHandling.bind(this));
this.getAllDropdownItems(this.dropdownItems).forEach((dropdownItem) => {
dropdownItem.element.addEventListener("focus", this.focusEvent.bind(this));
@@ -58,15 +47,16 @@ class Dropdown extends HTMLElement {
dropdownItem.element.addEventListener("mouseenter", this.mouseenterEvent.bind(this));
}
});
+ this.addEventListener(ClientBehaviors.DROPDOWN_HIDDEN, this.dropdownHidden.bind(this));
}
// the click should not sort the column of a table - XXX not very nice - may look for a better solution
if (this.closest("tr") != null) {
this.addEventListener("click", (event) => {
event.stopPropagation();
if (this.expanded) {
- this.hideDropdown();
+ this.dropdownMenu.hide();
} else {
- this.showDropdown();
+ this.dropdownMenu.show();
}
});
}
@@ -86,10 +76,10 @@ class Dropdown extends HTMLElement {
}
get dropdownItems(): DropdownItem[] {
- return DropdownItemFactory.create(this.dropdownMenu);
+ return DropdownItemFactory.create(this.dropdownMenuElement);
}
- get dropdownMenu(): HTMLDivElement {
+ get dropdownMenuElement(): HTMLDivElement {
const root = this.getRootNode() as ShadowRoot | Document;
return root.querySelector(`.${Css.TOBAGO_DROPDOWN_MENU}[name='${this.id}']`);
}
@@ -107,12 +97,12 @@ class Dropdown extends HTMLElement {
const subMenuToggle = this.getSubMenuToggle(element as HTMLElement);
subMenuToggle.click();
} else if (this.expanded) {
- this.hideDropdown();
+ this.dropdownMenu.hide();
} else {
- this.showDropdown();
+ this.dropdownMenu.show();
}
} else {
- this.hideDropdown();
+ this.dropdownMenu.hide();
}
}
}
@@ -144,12 +134,12 @@ class Dropdown extends HTMLElement {
switch (event.key) {
case Key.ARROW_DOWN:
event.preventDefault(); //prevent click event if radio button is selected
- this.showDropdown();
+ this.dropdownMenu.show();
this.getNextDropdownItem()?.focus();
break;
case Key.ARROW_UP:
event.preventDefault(); //prevent click event if radio button is selected
- this.showDropdown();
+ this.dropdownMenu.show();
this.getPreviousDropdownItem()?.focus();
break;
case Key.ARROW_RIGHT:
@@ -161,7 +151,7 @@ class Dropdown extends HTMLElement {
this.getParentDropdownItem()?.focus();
break;
case Key.ESCAPE:
- this.hideDropdown();
+ this.dropdownMenu.hide();
break;
default:
break;
@@ -171,42 +161,16 @@ class Dropdown extends HTMLElement {
private tabHandling(event: KeyboardEvent): void {
if (event.key === Key.TAB) {
if (event.shiftKey) {
- this.hideDropdown();
- } else if (this.dropdownMenu.classList.contains(Css.SHOW)) {
+ this.dropdownMenu.hide();
+ } else if (this.dropdownMenuElement.classList.contains(Css.SHOW)) {
event.preventDefault(); //avoid selecting second element
this.getNextDropdownItem()?.focus();
}
}
}
- private showDropdown(): void {
- this.dispatchEvent(new CustomEvent(TobagoDropdownEvent.SHOW));
-
- // use Css.SHOW instead of Css.TOBAGO_SHOW for first dropdown menu to use bootstrap CSS
- if (!this.insideNavbar() && !this.dropdownMenu.classList.contains(Css.SHOW)) {
- MenuStore.appendChild(this.dropdownMenu);
- }
- this.toggle.classList.add(Css.SHOW);
- this.toggle.ariaExpanded = "true";
- this.dropdownMenu.classList.add(Css.SHOW);
- this.popper.update();
-
- this.dispatchEvent(new CustomEvent(TobagoDropdownEvent.SHOWN));
- }
-
- private hideDropdown(): void {
- this.dispatchEvent(new CustomEvent(TobagoDropdownEvent.HIDE));
-
- // use Css.SHOW instead of Css.TOBAGO_SHOW for first dropdown menu to use bootstrap CSS
- this.toggle.classList.remove(Css.SHOW);
- this.toggle.ariaExpanded = "false";
- this.dropdownMenu.classList.remove(Css.SHOW);
+ private dropdownHidden(): void {
this.getAllDropdownItems(this.dropdownItems).forEach((dropdownItem) => dropdownItem.hideSubMenu());
- if (!this.insideNavbar()) {
- this.appendChild(this.dropdownMenu);
- }
-
- this.dispatchEvent(new CustomEvent(TobagoDropdownEvent.HIDDEN));
}
private getNextDropdownItem(): DropdownItem {
diff --git a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-list-base.ts b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-list-base.ts
index 7504e53bcb..28756367d2 100644
--- a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-list-base.ts
+++ b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-list-base.ts
@@ -21,7 +21,7 @@ import {Key} from "./tobago-key";
import {DropdownMenu, DropdownMenuAlignment} from "./tobago-dropdown-menu";
export abstract class SelectListBase extends HTMLElement {
- private dropdownMenu: DropdownMenu;
+ protected dropdownMenu: DropdownMenu;
get disabled(): boolean {
return this.classList.contains(Css.TOBAGO_DISABLED);
@@ -93,7 +93,7 @@ export abstract class SelectListBase extends HTMLElement {
connectedCallback(): void {
if (this.dropdownMenuElement) {
- this.dropdownMenu = new DropdownMenu(this.dropdownMenuElement, this.selectField, this.localMenu,
+ this.dropdownMenu = new DropdownMenu(this.dropdownMenuElement, this.selectField, this, this.localMenu,
DropdownMenuAlignment.centerFullWidth);
}
document.addEventListener("click", this.globalClickEvent.bind(this));
@@ -138,18 +138,18 @@ export abstract class SelectListBase extends HTMLElement {
private keydownEventBase(event: KeyboardEvent) {
switch (event.key) {
case Key.ESCAPE:
- this.hideDropdown();
+ this.dropdownMenu.hide();
this.removePreselection();
this.filterInput.focus({preventScroll: true});
break;
case Key.ARROW_DOWN:
event.preventDefault();
- this.showDropdown();
+ this.dropdownMenu.show();
this.preselectNextRow();
break;
case Key.ARROW_UP:
event.preventDefault();
- this.showDropdown();
+ this.dropdownMenu.show();
this.preselectPreviousRow();
break;
case Key.ENTER:
@@ -159,7 +159,7 @@ export abstract class SelectListBase extends HTMLElement {
const row = this.tbody.querySelector<HTMLTableRowElement>("." + Css.TOBAGO_PRESELECT);
this.select(row);
} else if (document.activeElement.id === this.filterInput.id) {
- this.showDropdown();
+ this.dropdownMenu.show();
}
break;
case Key.TAB:
@@ -191,7 +191,7 @@ export abstract class SelectListBase extends HTMLElement {
const input = event.currentTarget as HTMLInputElement;
const searchString = input.value;
if (searchString.length > 0) {
- this.showDropdown(); // do not show dropdown menu while leaving the component
+ this.dropdownMenu.show(); // do not show dropdown menu while leaving the component
}
const filterFunction = TobagoFilterRegistry.get(this.filter);
// XXX todo: if filterFunction not found?
@@ -278,22 +278,6 @@ export abstract class SelectListBase extends HTMLElement {
this.preselectedRow?.classList.remove(Css.TOBAGO_PRESELECT);
}
- protected showDropdown(): void {
- if (this.dropdownMenuElement && !this.dropdownMenuElement.classList.contains(Css.SHOW)) {
- this.selectField.classList.add(Css.SHOW);
- this.selectField.ariaExpanded = "true";
- this.dropdownMenu.show();
- }
- }
-
- protected hideDropdown(): void {
- if (this.dropdownMenuElement && this.dropdownMenuElement.classList.contains(Css.SHOW)) {
- this.selectField.classList.remove(Css.SHOW);
- this.selectField.ariaExpanded = "false";
- this.dropdownMenu.hide();
- }
- }
-
protected isPartOfSelectField(element: Element): boolean {
if (element) {
if (this.selectField.id === element.id) {
diff --git a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-many-list.ts b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-many-list.ts
index 6f6cb4f10e..43a98af5d7 100644
--- a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-many-list.ts
+++ b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-many-list.ts
@@ -53,7 +53,7 @@ class SelectManyList extends SelectListBase {
} else if (this.badgeCloseButtons.length > 0) {
this.badgeCloseButtons[0].focus();
}
- this.showDropdown();
+ this.dropdownMenu.show();
} else {
this.leaveComponent();
@@ -149,7 +149,7 @@ class SelectManyList extends SelectListBase {
this.focused = false;
this.filterInput.value = null;
this.filterInput.dispatchEvent(new Event("input"));
- this.hideDropdown();
+ this.dropdownMenu.hide();
}
private isDeleted(element: Element): boolean {
diff --git a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-one-list.ts b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-one-list.ts
index 3226a25b97..7877388ea4 100644
--- a/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-one-list.ts
+++ b/tobago-theme/tobago-theme-standard/src/main/ts/tobago-select-one-list.ts
@@ -53,12 +53,12 @@ class SelectOneList extends SelectListBase {
if (!this.filterInput.disabled) {
this.filterInput.focus();
}
- this.showDropdown();
+ this.dropdownMenu.show();
} else if (this.isPartOfTobagoOptions(event.target as Element)) {
if (!this.filterInput.disabled) {
this.filterInput.focus();
}
- this.hideDropdown();
+ this.dropdownMenu.hide();
} else {
this.leaveComponent();
}
@@ -114,7 +114,7 @@ class SelectOneList extends SelectListBase {
this.filterInput.value = null;
this.filterInput.dispatchEvent(new Event("input"));
this.spanText = this.selectedOption.textContent;
- this.hideDropdown();
+ this.dropdownMenu.hide();
}
}
(myfaces-tobago) 02/02: build(theme): rebuild
Posted by hn...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
hnoeth pushed a commit to branch tobago-5.x
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
commit e3dd6c81bcb121410eaa216643f8b42174626c0a
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Wed Mar 12 08:52:20 2025 +0100
build(theme): rebuild
---
.../src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../tobago-theme-speyside/src/main/css/tobago.css | 109 +++++++++++----------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../tobago-theme-standard/src/main/css/tobago.css | 83 +++++++++-------
.../src/main/css/tobago.css.map | 2 +-
.../src/main/css/tobago.min.css | 2 +-
.../src/main/css/tobago.min.css.map | 2 +-
.../tobago-theme-standard/src/main/js/tobago.js | 8 +-
.../src/main/js/tobago.js.map | 2 +-
22 files changed, 263 insertions(+), 218 deletions(-)
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
index d91fce4fa2..c7c843d382 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
@@ -3644,7 +3644,7 @@ .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-dropdown .tobago-dropdown-menu {
+.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .tobago-dropdown-menu, tobago-dropdown > .tobago-dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
@@ -3686,7 +3686,7 @@ .dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, to
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
-.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-dropdown [data-bs-popper].tobago-dropdown-menu {
+.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > [data-bs-popper].tobago-dropdown-menu, tobago-dropdown > [data-bs-popper].tobago-dropdown-menu {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
@@ -3788,7 +3788,7 @@ @media (min-width: 1400px) {
left: auto;
}
}
-.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-page-men [...]
+.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page . [...]
top: auto;
bottom: 100%;
margin-top: 0;
@@ -3808,7 +3808,7 @@ .dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-pa [...]
+.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago- [...]
top: 0;
right: auto;
left: 100%;
@@ -3832,7 +3832,7 @@ .dropend .dropdown-toggle::after {
vertical-align: 0;
}
-.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-pag [...]
+.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-m [...]
top: 0;
right: 100%;
left: auto;
@@ -3901,7 +3901,7 @@ .dropdown-item.disabled, .dropdown-item:disabled {
background-color: transparent;
}
-.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-dropdown-menu, tobago-dropdown .show.tobago-dropdown-menu {
+.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .show.tobago-dropdown-menu, tobago-dropdown > .show.tobago-dropdown-menu {
display: block;
}
@@ -4104,7 +4104,7 @@ .nav-tabs .nav-item.show .nav-link {
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
-.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-dropdown-menu, .nav-tabs tobago-dropdown .tobago-dropdown-m [...]
+.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs toba [...]
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
@@ -4239,7 +4239,7 @@ .navbar-nav {
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
-.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-dropdown-menu, .navbar-nav tobago-dropdown .t [...]
+.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-options.tobago-dropdown-menu, [...]
position: static;
}
@@ -4308,7 +4308,7 @@ @media (min-width: 576px) {
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
- .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
@@ -4355,7 +4355,7 @@ @media (min-width: 768px) {
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
- .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
@@ -4402,7 +4402,7 @@ @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
- .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
@@ -4449,7 +4449,7 @@ @media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
@@ -4496,7 +4496,7 @@ @media (min-width: 1400px) {
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
+ .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
@@ -4542,7 +4542,7 @@ .navbar-expand {
.navbar-expand .navbar-nav {
flex-direction: row;
}
-.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-pag [...]
+.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-m [...]
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
@@ -12435,18 +12435,23 @@ tobago-date input::-ms-clear {
tobago-dropdown {
display: inline-block;
}
-tobago-dropdown .tobago-dropdown-menu {
+tobago-dropdown > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-dropdown .tobago-dropdown-menu .form-check {
+tobago-dropdown > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-dropdown .tobago-dropdown-menu .form-check.form-switch {
+tobago-dropdown > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-dropdown .tobago-dropdown-menu label[for] {
+tobago-dropdown > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-dropdown.tobago-dropdown-submenu {
@@ -12471,11 +12476,15 @@ tobago-dropdown.tobago-dropdown-submenu > .dropdown-item::after {
margin-top: 7px;
margin-right: -10px;
}
-tobago-dropdown.tobago-dropdown-submenu > .tobago-dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -0.5rem;
- margin-left: -1px;
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
+}
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show .tobago-dropdown-submenu > .tobago-dropdown-menu {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
}
tobago-file {
@@ -13168,32 +13177,36 @@ tobago-page {
padding-bottom: 1rem;
}
tobago-page .tobago-page-menuStore {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check.form-switch {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu label[for] {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13607,9 +13620,7 @@ tobago-select-one-list .tobago-select-field .tobago-filter:read-only {
tobago-select-one-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13788,9 +13799,7 @@ tobago-select-many-list .tobago-select-field .tobago-filter:read-only {
tobago-select-many-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
index 6449d57201..b381deaac4 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_variables.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules [...]
\ No newline at end of file
+{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_variables.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css
index a230e4ca89..e63cde362a 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";.tobago-dropdown-menu{background-color:#fff!important}.tobago-dropdown-menu .form-check-label{color:#555}.navbar .tobago-button{background-color:#59a3a3!important;border:1px solid #59a3a3!important}.navbar .tobago-button:hover{background-color:#61b5b5;border:1px solid #61b5b5}.navbar .tobago-link{color:#333!important}.navbar button.tobago-link.dropdown-item:disabled span{color:#555;opacity:.5}.tobago-dropdown-menu{--bs-dropdown-min-width:13rem!important}tobago-tree label [...]
+@charset "UTF-8";.tobago-dropdown-menu{background-color:#fff!important}.tobago-dropdown-menu .form-check-label{color:#555}.navbar .tobago-button{background-color:#59a3a3!important;border:1px solid #59a3a3!important}.navbar .tobago-button:hover{background-color:#61b5b5;border:1px solid #61b5b5}.navbar .tobago-link{color:#333!important}.navbar button.tobago-link.dropdown-item:disabled span{color:#555;opacity:.5}.tobago-dropdown-menu{--bs-dropdown-min-width:13rem!important}tobago-tree label [...]
/*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map
index 9660a03557..1038bb1970 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-charlotteville/src/main/css/tobago.css"],"names":[],"mappings":"iBAiDA,sBACE,iBAAkB,eAEpB,wCACE,MAAO,KAGT,uBACE,iBAAkB,kBAClB,OAAQ,IAAI,MAAM,kBAEpB,6BACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,QAEpB,qBACE,MAAO,eAET,uDACE,MAAO,KACP,QAAS,GAGX,sBACE,wBAAyB,gBAG3B,kBACE,WAAY,KAGd,cACE,MAAO,KACP,WAAY,IAAK,KAEnB,gBACE,MAAO,QACP,WAAY,QAEd,sBACE,MAAO,QAGT,KACE,iBAAkB,eAepB,gBARA,IAEA,IAEA,IAEA,IARA,mBADA,kBAUA,wBARA,GAEA,GAEA,GAEA,GATA,EAaE,MAAO,eAGU,mBAAuC,mBAAuC,mBAA [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-charlotteville/src/main/css/tobago.css"],"names":[],"mappings":"iBAiDA,sBACE,iBAAkB,eAEpB,wCACE,MAAO,KAGT,uBACE,iBAAkB,kBAClB,OAAQ,IAAI,MAAM,kBAEpB,6BACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,QAEpB,qBACE,MAAO,eAET,uDACE,MAAO,KACP,QAAS,GAGX,sBACE,wBAAyB,gBAG3B,kBACE,WAAY,KAGd,cACE,MAAO,KACP,WAAY,IAAK,KAEnB,gBACE,MAAO,QACP,WAAY,QAEd,sBACE,MAAO,QAGT,KACE,iBAAkB,eAepB,gBARA,IAEA,IAEA,IAEA,IARA,mBADA,kBAUA,wBARA,GAEA,GAEA,GAEA,GATA,EAaE,MAAO,eAGU,mBAAuC,mBAAuC,mBAA [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
index 8864e3d4cc..274db6d141 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
@@ -3439,7 +3439,7 @@ .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-dropdown .tobago-dropdown-menu {
+.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .tobago-dropdown-menu, tobago-dropdown > .tobago-dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
@@ -3481,7 +3481,7 @@ .dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, to
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
-.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-dropdown [data-bs-popper].tobago-dropdown-menu {
+.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > [data-bs-popper].tobago-dropdown-menu, tobago-dropdown > [data-bs-popper].tobago-dropdown-menu {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
@@ -3583,7 +3583,7 @@ @media (min-width: 1400px) {
left: auto;
}
}
-.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-page-men [...]
+.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page . [...]
top: auto;
bottom: 100%;
margin-top: 0;
@@ -3603,7 +3603,7 @@ .dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-pa [...]
+.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago- [...]
top: 0;
right: auto;
left: 100%;
@@ -3627,7 +3627,7 @@ .dropend .dropdown-toggle::after {
vertical-align: 0;
}
-.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-pag [...]
+.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-m [...]
top: 0;
right: 100%;
left: auto;
@@ -3696,7 +3696,7 @@ .dropdown-item.disabled, .dropdown-item:disabled {
background-color: transparent;
}
-.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-dropdown-menu, tobago-dropdown .show.tobago-dropdown-menu {
+.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .show.tobago-dropdown-menu, tobago-dropdown > .show.tobago-dropdown-menu {
display: block;
}
@@ -3899,7 +3899,7 @@ .nav-tabs .nav-item.show .nav-link {
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
-.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-dropdown-menu, .nav-tabs tobago-dropdown .tobago-dropdown-m [...]
+.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs toba [...]
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
@@ -4034,7 +4034,7 @@ .navbar-nav {
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
-.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-dropdown-menu, .navbar-nav tobago-dropdown .t [...]
+.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-options.tobago-dropdown-menu, [...]
position: static;
}
@@ -4103,7 +4103,7 @@ @media (min-width: 576px) {
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
- .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
@@ -4150,7 +4150,7 @@ @media (min-width: 768px) {
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
- .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
@@ -4197,7 +4197,7 @@ @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
- .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
@@ -4244,7 +4244,7 @@ @media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
@@ -4291,7 +4291,7 @@ @media (min-width: 1400px) {
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
+ .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
@@ -4337,7 +4337,7 @@ .navbar-expand {
.navbar-expand .navbar-nav {
flex-direction: row;
}
-.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-pag [...]
+.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-m [...]
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
@@ -12230,18 +12230,23 @@ tobago-date input::-ms-clear {
tobago-dropdown {
display: inline-block;
}
-tobago-dropdown .tobago-dropdown-menu {
+tobago-dropdown > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-dropdown .tobago-dropdown-menu .form-check {
+tobago-dropdown > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-dropdown .tobago-dropdown-menu .form-check.form-switch {
+tobago-dropdown > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-dropdown .tobago-dropdown-menu label[for] {
+tobago-dropdown > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-dropdown.tobago-dropdown-submenu {
@@ -12266,11 +12271,15 @@ tobago-dropdown.tobago-dropdown-submenu > .dropdown-item::after {
margin-top: 7px;
margin-right: -10px;
}
-tobago-dropdown.tobago-dropdown-submenu > .tobago-dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -0.5rem;
- margin-left: -1px;
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
+}
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show .tobago-dropdown-submenu > .tobago-dropdown-menu {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
}
tobago-file {
@@ -12963,32 +12972,36 @@ tobago-page {
padding-bottom: 1rem;
}
tobago-page .tobago-page-menuStore {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check.form-switch {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu label[for] {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13402,9 +13415,7 @@ tobago-select-one-list .tobago-select-field .tobago-filter:read-only {
tobago-select-one-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13583,9 +13594,7 @@ tobago-select-many-list .tobago-select-field .tobago-filter:read-only {
tobago-select-many-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
index 0c236dd105..892f87d4a1 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_bo [...]
\ No newline at end of file
+{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_bo [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css
index 0540fee35b..1d815d77af 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";@font-face{font-family:Amaranth;font-style:normal;font-weight:400;src:url("../fonts/Amaranth-Regular.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:normal;font-weight:700;src:url("../fonts/Amaranth-Bold.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;src:url("../fonts/Amaranth-Italic.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;font-weight:700;src:url("../fonts/Amaranth-BoldItalic.otf") format( [...]
+@charset "UTF-8";@font-face{font-family:Amaranth;font-style:normal;font-weight:400;src:url("../fonts/Amaranth-Regular.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:normal;font-weight:700;src:url("../fonts/Amaranth-Bold.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;src:url("../fonts/Amaranth-Italic.otf") format("opentype")}@font-face{font-family:Amaranth;font-style:italic;font-weight:700;src:url("../fonts/Amaranth-BoldItalic.otf") format( [...]
/*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map
index 9dd062e7fc..8415909242 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-roxborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAiCA,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,qCAAqC,mBAE5C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,kCAAkC,mBAEzC,WACE,YAAa,SACb,WAAY,OACZ,IAAK,oCAAoC,mBAE3C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,wCAAwC,mBAE/C,mBACE,YAAa,QAAQ,CAAE,KAAK,CAAE,MAQhC,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,QACZ,WAAY,KACZ,UAAW,QACX,eAA [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-roxborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAiCA,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,qCAAqC,mBAE5C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,kCAAkC,mBAEzC,WACE,YAAa,SACb,WAAY,OACZ,IAAK,oCAAoC,mBAE3C,WACE,YAAa,SACb,WAAY,OACZ,YAAa,IACb,IAAK,wCAAwC,mBAE/C,mBACE,YAAa,QAAQ,CAAE,KAAK,CAAE,MAQhC,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,QACZ,WAAY,KACZ,UAAW,QACX,eAA [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
index 36c967adea..cf172b3797 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
@@ -3416,7 +3416,7 @@ .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-dropdown .tobago-dropdown-menu {
+.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .tobago-dropdown-menu, tobago-dropdown > .tobago-dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
@@ -3458,7 +3458,7 @@ .dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, to
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
-.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-dropdown [data-bs-popper].tobago-dropdown-menu {
+.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > [data-bs-popper].tobago-dropdown-menu, tobago-dropdown > [data-bs-popper].tobago-dropdown-menu {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
@@ -3560,7 +3560,7 @@ @media (min-width: 1400px) {
left: auto;
}
}
-.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-page-men [...]
+.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page . [...]
top: auto;
bottom: 100%;
margin-top: 0;
@@ -3580,7 +3580,7 @@ .dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-pa [...]
+.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago- [...]
top: 0;
right: auto;
left: 100%;
@@ -3604,7 +3604,7 @@ .dropend .dropdown-toggle::after {
vertical-align: 0;
}
-.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-pag [...]
+.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-m [...]
top: 0;
right: 100%;
left: auto;
@@ -3673,7 +3673,7 @@ .dropdown-item.disabled, .dropdown-item:disabled {
background-color: transparent;
}
-.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-dropdown-menu, tobago-dropdown .show.tobago-dropdown-menu {
+.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .show.tobago-dropdown-menu, tobago-dropdown > .show.tobago-dropdown-menu {
display: block;
}
@@ -3876,7 +3876,7 @@ .nav-tabs .nav-item.show .nav-link {
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
-.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-dropdown-menu, .nav-tabs tobago-dropdown .tobago-dropdown-m [...]
+.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs toba [...]
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
@@ -4011,7 +4011,7 @@ .navbar-nav {
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
-.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-dropdown-menu, .navbar-nav tobago-dropdown .t [...]
+.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-options.tobago-dropdown-menu, [...]
position: static;
}
@@ -4080,7 +4080,7 @@ @media (min-width: 576px) {
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
- .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
@@ -4127,7 +4127,7 @@ @media (min-width: 768px) {
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
- .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
@@ -4174,7 +4174,7 @@ @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
- .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
@@ -4221,7 +4221,7 @@ @media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
@@ -4268,7 +4268,7 @@ @media (min-width: 1400px) {
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
+ .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
@@ -4314,7 +4314,7 @@ .navbar-expand {
.navbar-expand .navbar-nav {
flex-direction: row;
}
-.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-pag [...]
+.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-m [...]
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
@@ -12224,18 +12224,23 @@ tobago-date input::-ms-clear {
tobago-dropdown {
display: inline-block;
}
-tobago-dropdown .tobago-dropdown-menu {
+tobago-dropdown > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-dropdown .tobago-dropdown-menu .form-check {
+tobago-dropdown > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-dropdown .tobago-dropdown-menu .form-check.form-switch {
+tobago-dropdown > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-dropdown .tobago-dropdown-menu label[for] {
+tobago-dropdown > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-dropdown.tobago-dropdown-submenu {
@@ -12260,11 +12265,15 @@ tobago-dropdown.tobago-dropdown-submenu > .dropdown-item::after {
margin-top: 7px;
margin-right: -10px;
}
-tobago-dropdown.tobago-dropdown-submenu > .tobago-dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -0.5rem;
- margin-left: -1px;
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
+}
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show .tobago-dropdown-submenu > .tobago-dropdown-menu {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
}
tobago-file {
@@ -12957,32 +12966,36 @@ tobago-page {
padding-bottom: 1rem;
}
tobago-page .tobago-page-menuStore {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check.form-switch {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu label[for] {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13398,9 +13411,7 @@ tobago-select-one-list .tobago-select-field .tobago-filter:read-only {
tobago-select-one-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13581,9 +13592,7 @@ tobago-select-many-list .tobago-select-field .tobago-filter:read-only {
tobago-select-many-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
index 75f5aeea12..ede3e68c6c 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_bo [...]
\ No newline at end of file
+{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_bo [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css
index c1353f5b29..1e64a41197 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray- [...]
+@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray- [...]
/*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map
index a3ce6eff24..591b3bed84 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-scarborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAwCA,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,I [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-scarborough/src/main/css/tobago.css"],"names":[],"mappings":"iBAwCA,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,I [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
index e97a4b1e9b..3604ab2014 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
@@ -3371,7 +3371,7 @@ .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-dropdown .tobago-dropdown-menu {
+.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .tobago-dropdown-menu, tobago-dropdown > .tobago-dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
@@ -3412,7 +3412,7 @@ .dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, to
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
}
-.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-dropdown [data-bs-popper].tobago-dropdown-menu {
+.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > [data-bs-popper].tobago-dropdown-menu, tobago-dropdown > [data-bs-popper].tobago-dropdown-menu {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
@@ -3514,7 +3514,7 @@ @media (min-width: 1400px) {
left: auto;
}
}
-.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-page-men [...]
+.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page . [...]
top: auto;
bottom: 100%;
margin-top: 0;
@@ -3534,7 +3534,7 @@ .dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-pa [...]
+.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago- [...]
top: 0;
right: auto;
left: 100%;
@@ -3558,7 +3558,7 @@ .dropend .dropdown-toggle::after {
vertical-align: 0;
}
-.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-pag [...]
+.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-m [...]
top: 0;
right: 100%;
left: auto;
@@ -3626,7 +3626,7 @@ .dropdown-item.disabled, .dropdown-item:disabled {
background-color: transparent;
}
-.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-dropdown-menu, tobago-dropdown .show.tobago-dropdown-menu {
+.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .show.tobago-dropdown-menu, tobago-dropdown > .show.tobago-dropdown-menu {
display: block;
}
@@ -3800,7 +3800,7 @@ .nav-tabs .nav-item.show .nav-link {
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
-.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-dropdown-menu, .nav-tabs tobago-dropdown .tobago-dropdown-m [...]
+.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs toba [...]
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
}
@@ -3930,7 +3930,7 @@ .navbar-nav {
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
-.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-dropdown-menu, .navbar-nav tobago-dropdown .t [...]
+.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-options.tobago-dropdown-menu, [...]
position: static;
}
@@ -3998,7 +3998,7 @@ @media (min-width: 576px) {
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
- .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
@@ -4045,7 +4045,7 @@ @media (min-width: 768px) {
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
- .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
@@ -4092,7 +4092,7 @@ @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
- .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
@@ -4139,7 +4139,7 @@ @media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
@@ -4186,7 +4186,7 @@ @media (min-width: 1400px) {
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
+ .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
@@ -4232,7 +4232,7 @@ .navbar-expand {
.navbar-expand .navbar-nav {
flex-direction: row;
}
-.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-pag [...]
+.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-m [...]
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
@@ -11926,18 +11926,23 @@ tobago-date input::-ms-clear {
tobago-dropdown {
display: inline-block;
}
-tobago-dropdown .tobago-dropdown-menu {
+tobago-dropdown > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-dropdown .tobago-dropdown-menu .form-check {
+tobago-dropdown > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-dropdown .tobago-dropdown-menu .form-check.form-switch {
+tobago-dropdown > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-dropdown .tobago-dropdown-menu label[for] {
+tobago-dropdown > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-dropdown.tobago-dropdown-submenu {
@@ -11962,11 +11967,15 @@ tobago-dropdown.tobago-dropdown-submenu > .dropdown-item::after {
margin-top: 7px;
margin-right: -10px;
}
-tobago-dropdown.tobago-dropdown-submenu > .tobago-dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -0.5rem;
- margin-left: -1px;
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
+}
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show .tobago-dropdown-submenu > .tobago-dropdown-menu {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
}
tobago-file {
@@ -12654,32 +12663,36 @@ tobago-page {
padding-bottom: 1rem;
}
tobago-page .tobago-page-menuStore {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check.form-switch {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu label[for] {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13093,9 +13106,7 @@ tobago-select-one-list .tobago-select-field .tobago-filter:read-only {
tobago-select-one-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13274,9 +13285,7 @@ tobago-select-many-list .tobago-select-field .tobago-filter:read-only {
tobago-select-many-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -14106,7 +14115,7 @@ .navbar-brand button.tobago-link {
font-weight: bold;
}
-.navbar .nav-item.dropdown > .dropdown-menu, .navbar tobago-dropdown .nav-item.dropdown > .tobago-dropdown-menu, tobago-dropdown .navbar .nav-item.dropdown > .tobago-dropdown-menu, .navbar tobago-page .tobago-page-menuStore .nav-item.dropdown > .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar .nav-item.dropdown > .tobago-dropdown-menu, .navbar tobago-select-one-list .nav-item.dropdown > .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar .nav-item.dropdo [...]
+.navbar .nav-item.dropdown > .dropdown-menu, .navbar tobago-dropdown.nav-item.dropdown > .tobago-dropdown-menu, .navbar tobago-page .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu, tobago-page .navbar .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu, .navbar tobago-page .tobago-page-menuStore .nav-item.dropdown > .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar .nav-item.dropdown > .tobago-options.tobago-dropdown-menu, .nav [...]
border: 0;
background: #e3e4e5;
margin-top: 0;
@@ -14263,7 +14272,7 @@ @media (min-width: 992px) {
tobago-header.sticky-top .nav-item.dropdown > button.dropdown-toggle:hover, tobago-header.sticky-top .nav-item.dropdown > button.dropdown-toggle:focus {
color: #d90;
}
- tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu, tobago-header.sticky-top tobago-dropdown .nav-item.dropdown > .tobago-dropdown-menu, tobago-dropdown tobago-header.sticky-top .nav-item.dropdown > .tobago-dropdown-menu, tobago-header.sticky-top tobago-page .tobago-page-menuStore .nav-item.dropdown > .tobago-dropdown-menu, tobago-page .tobago-page-menuStore tobago-header.sticky-top .nav-item.dropdown > .tobago-dropdown-menu, tobago-header.sticky-top tobago-select-one-list .n [...]
+ tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu, tobago-header.sticky-top tobago-dropdown.nav-item.dropdown > .tobago-dropdown-menu, tobago-header.sticky-top tobago-page .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu, tobago-page tobago-header.sticky-top .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu, tobago-header.sticky-top tobago-page .tobago-page-menuStore .nav-item.dropdown > .tobago-options.tobago-dropdown-menu, tobago-page .tobago [...]
position: fixed;
width: 100%;
top: auto;
@@ -14273,7 +14282,7 @@ @media (min-width: 992px) {
line-height: initial;
padding: 0 10% 1em 10%;
}
- tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu > .dropdown-item, tobago-header.sticky-top tobago-dropdown .nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item, tobago-dropdown tobago-header.sticky-top .nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item, tobago-header.sticky-top tobago-page .tobago-page-menuStore .nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item, tobago-page .tobago-page-menuStore tobago-header.sticky-top .nav-item.dropdown > .toba [...]
+ tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu > .dropdown-item, tobago-header.sticky-top tobago-dropdown.nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item, tobago-header.sticky-top tobago-page .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu > .dropdown-item, tobago-page tobago-header.sticky-top .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu > .dropdown-item, tobago-header.sticky-top tobago-page .tobago-page-menuStore .nav-item. [...]
display: inline-block;
font-size: 1.3em;
width: calc(25% - 3px);
@@ -14281,7 +14290,7 @@ @media (min-width: 992px) {
vertical-align: top;
padding-top: 1em;
}
- tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu > .dropdown-item > a, tobago-header.sticky-top tobago-dropdown .nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item > a, tobago-dropdown tobago-header.sticky-top .nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item > a, tobago-header.sticky-top tobago-page .tobago-page-menuStore .nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item > a, tobago-page .tobago-page-menuStore tobago-header.sticky-top .nav-item. [...]
+ tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu > .dropdown-item > a, tobago-header.sticky-top tobago-dropdown.nav-item.dropdown > .tobago-dropdown-menu > .dropdown-item > a, tobago-header.sticky-top tobago-page .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu > .dropdown-item > a, tobago-page tobago-header.sticky-top .nav-item.dropdown.tobago-page-menuStore > .tobago-dropdown-menu > .dropdown-item > a, tobago-header.sticky-top tobago-page .tobago-page-menu [...]
margin-bottom: 0.5em;
}
tobago-header.sticky-top .navbar-nav > .nav-item.dropdown > .dropdown-toggle {
@@ -14299,30 +14308,30 @@ @media (min-width: 992px) {
tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item {
display: block;
}
- tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu, tobago-header.sticky-top tobago-dropdown .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu, tobago-dropdown tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu, tobago-header.sticky-top tobago-page .tobago-page-menuStore .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu, tobago-page .tobago-page-menuStore tobago-header.sticky-top .tobago-dropdo [...]
+ tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu, tobago-header.sticky-top tobago-dropdown.tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu, tobago-header.sticky-top tobago-page .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu, tobago-page tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu, tobago-header.sticky-top tobago-page .tobago-page-menuStor [...]
display: block;
border-radius: 0;
position: static;
float: none;
padding: 0;
}
- tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .dropdown-item, tobago-header.sticky-top tobago-dropdown .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropdown-item, tobago-dropdown tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropdown-item, tobago-header.sticky-top tobago-page .tobago-page-menuStore .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropdown-item, tobago-page .t [...]
+ tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .dropdown-item, tobago-header.sticky-top tobago-dropdown.tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropdown-item, tobago-header.sticky-top tobago-page .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu .dropdown-item, tobago-page tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu .dropdown-item [...]
padding-left: 0;
}
- tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .dropdown-item::before, tobago-header.sticky-top tobago-dropdown .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropdown-item::before, tobago-dropdown tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropdown-item::before, tobago-header.sticky-top tobago-page .tobago-page-menuStore .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropd [...]
+ tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .dropdown-item::before, tobago-header.sticky-top tobago-dropdown.tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .dropdown-item::before, tobago-header.sticky-top tobago-page .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu .dropdown-item::before, tobago-page tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-drop [...]
content: "> ";
position: relative;
vertical-align: top;
}
- tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item, tobago-header.sticky-top tobago-dropdown .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item, tobago-dropdown tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item, tobago-header.sticky-top tobago-page .tobago-page-menuStore .tobago-dropdown-submenu.dropdown-item > .tob [...]
+ tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item, tobago-header.sticky-top tobago-dropdown.tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item, tobago-header.sticky-top tobago-page .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu .custom-radio > .dropdown-item, tobago-page tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item.tobago-page- [...]
padding-left: 1.5rem;
}
- tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item::before, tobago-header.sticky-top tobago-dropdown .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item::before, tobago-dropdown tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item::before, tobago-header.sticky-top tobago-page .tobago-page-menuStore .tobago-dropdown-subm [...]
+ tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item::before, tobago-header.sticky-top tobago-dropdown.tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item::before, tobago-header.sticky-top tobago-page .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu .custom-radio > .dropdown-item::before, tobago-page tobago-header.sticky-top .tobago-dropdown-submenu.dr [...]
content: "";
position: absolute;
margin-left: -1.5rem;
}
- tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item::after, tobago-header.sticky-top tobago-dropdown .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item::after, tobago-dropdown tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item::after, tobago-header.sticky-top tobago-page .tobago-page-menuStore .tobago-dropdown-submenu [...]
+ tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item::after, tobago-header.sticky-top tobago-dropdown.tobago-dropdown-submenu.dropdown-item > .tobago-dropdown-menu .custom-radio > .dropdown-item::after, tobago-header.sticky-top tobago-page .tobago-dropdown-submenu.dropdown-item.tobago-page-menuStore > .tobago-dropdown-menu .custom-radio > .dropdown-item::after, tobago-page tobago-header.sticky-top .tobago-dropdown-submenu.dropd [...]
left: 0;
}
tobago-header.sticky-top .tobago-dropdown-submenu::after {
@@ -14648,14 +14657,14 @@ .tobago-selectOneRadio .form-check-label input[type=radio][readonly] + .tobago-i
background: #f7f7f7;
}
-.tobago-dropdown-submenu > .dropdown-menu, tobago-dropdown .tobago-dropdown-submenu > .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-submenu > .tobago-dropdown-menu, tobago-select-one-list .tobago-dropdown-submenu > .tobago-options.tobago-dropdown-menu, tobago-select-many-list .tobago-dropdown-submenu > .tobago-options.tobago-dropdown-menu {
+.tobago-dropdown-submenu > .dropdown-menu, tobago-dropdown.tobago-dropdown-submenu > .tobago-dropdown-menu, tobago-page .tobago-dropdown-submenu.tobago-page-menuStore > .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-submenu > .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-dropdown-submenu > .tobago-options.tobago-dropdown-menu, tobago-select-many-list .tobago-dropdown-submenu > .tobago-options.tobago-dropdown-menu {
border-radius: 0;
}
-.dropdown-menu, tobago-dropdown .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu {
+.dropdown-menu, tobago-dropdown > .tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu {
border-radius: 0;
}
-.dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-dropdown .tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-page .tobago-page-menuStore .tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-select-one-list .tobago-options.tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-select-many-list .tobago-options.tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, .dropdown-menu . [...]
+.dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-dropdown > .tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, tobago-select-one-list .tobago-options.tobago-dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, t [...]
padding-left: 1rem;
}
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
index 6785988af4..240d4c2fd8 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/_type.scss [...]
\ No newline at end of file
+{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/_type.scss [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css
index 19a8daf1bf..4bf3fa53df 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:rgb(58, 37, 100);--bs-pink:#d63384;--bs-red:rgb(211, 0, 64);--bs-orange:#d90;--bs-yellow:#ffc107;--bs-green:rgb(29, 163, 50);--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:rgb(120, 140, 148);--bs-gray-dark:#323232;--bs-gray-100:#f7f7f7;--bs-gray-200:#e3e4e5;--bs-gray-300:#d7d7d7;--bs-gray-400:#ced4da;--bs-gray-500:#acacac;--bs-gray-600:rgb(120, 140, 148);--bs-gray [...]
+@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:rgb(58, 37, 100);--bs-pink:#d63384;--bs-red:rgb(211, 0, 64);--bs-orange:#d90;--bs-yellow:#ffc107;--bs-green:rgb(29, 163, 50);--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:rgb(120, 140, 148);--bs-gray-dark:#323232;--bs-gray-100:#f7f7f7;--bs-gray-200:#e3e4e5;--bs-gray-300:#d7d7d7;--bs-gray-400:#ced4da;--bs-gray-500:#acacac;--bs-gray-600:rgb(120, 140, 148);--bs-gray [...]
/*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map
index 7856078928..4e89bc9167 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-speyside/src/main/css/tobago.css"],"names":[],"mappings":"iBAsCA,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,iBACb,UAAW,QACX,SAAU,gBACV,YAAa,KACb,YAAa,QACb,WAAY,iBACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,WAAY,KACZ,UAAW,mBACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,mBACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,gBACd,eAAgB,QAChB,aAAc,iBACd,UAAW,QACX,aAAc,QACd,YAAa,gBACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,EAAE,CAAE,GAC1B,mBAAoB,GAAG,CAAE,GAAG,C [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-speyside/src/main/css/tobago.css"],"names":[],"mappings":"iBAsCA,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,iBACb,UAAW,QACX,SAAU,gBACV,YAAa,KACb,YAAa,QACb,WAAY,iBACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,WAAY,KACZ,UAAW,mBACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,mBACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,gBACd,eAAgB,QAChB,aAAc,iBACd,UAAW,QACX,aAAc,QACd,YAAa,gBACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,EAAE,CAAE,GAC1B,mBAAoB,GAAG,CAAE,GAAG,C [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
index 338904f4fc..1b3b4b5cd5 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
@@ -3396,7 +3396,7 @@ .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-dropdown .tobago-dropdown-menu {
+.dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .tobago-dropdown-menu, tobago-dropdown > .tobago-dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
@@ -3438,7 +3438,7 @@ .dropdown-menu, tobago-select-many-list .tobago-options.tobago-dropdown-menu, to
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
-.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-dropdown [data-bs-popper].tobago-dropdown-menu {
+.dropdown-menu[data-bs-popper], tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > [data-bs-popper].tobago-dropdown-menu, tobago-dropdown > [data-bs-popper].tobago-dropdown-menu {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
@@ -3540,7 +3540,7 @@ @media (min-width: 1400px) {
left: auto;
}
}
-.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-page-men [...]
+.dropup .dropdown-menu[data-bs-popper], .dropup tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropup [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropup tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-page . [...]
top: auto;
bottom: 100%;
margin-top: 0;
@@ -3560,7 +3560,7 @@ .dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
-.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-page .tobago-pa [...]
+.dropend .dropdown-menu[data-bs-popper], .dropend tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropend [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropend tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago- [...]
top: 0;
right: auto;
left: 100%;
@@ -3584,7 +3584,7 @@ .dropend .dropdown-toggle::after {
vertical-align: 0;
}
-.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-dropdown-menu, tobago-pag [...]
+.dropstart .dropdown-menu[data-bs-popper], .dropstart tobago-select-many-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-many-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-select-one-list [data-bs-popper].tobago-options.tobago-dropdown-menu, tobago-select-one-list .dropstart [data-bs-popper].tobago-options.tobago-dropdown-menu, .dropstart tobago-page .tobago-page-menuStore [data-bs-popper].tobago-options.tobago-dropdown-m [...]
top: 0;
right: 100%;
left: auto;
@@ -3653,7 +3653,7 @@ .dropdown-item.disabled, .dropdown-item:disabled {
background-color: transparent;
}
-.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-dropdown-menu, tobago-dropdown .show.tobago-dropdown-menu {
+.dropdown-menu.show, tobago-select-many-list .show.tobago-options.tobago-dropdown-menu, tobago-select-one-list .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .show.tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore > .show.tobago-dropdown-menu, tobago-dropdown > .show.tobago-dropdown-menu {
display: block;
}
@@ -3856,7 +3856,7 @@ .nav-tabs .nav-item.show .nav-link {
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
-.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-dropdown-menu, .nav-tabs tobago-dropdown .tobago-dropdown-m [...]
+.nav-tabs .dropdown-menu, .nav-tabs tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .nav-tabs .tobago-options.tobago-dropdown-menu, .nav-tabs toba [...]
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
@@ -3991,7 +3991,7 @@ .navbar-nav {
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
-.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-dropdown-menu, .navbar-nav tobago-dropdown .t [...]
+.navbar-nav .dropdown-menu, .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu, tobago-page .tobago-page-menuStore .navbar-nav .tobago-options.tobago-dropdown-menu, [...]
position: static;
}
@@ -4060,7 +4060,7 @@ @media (min-width: 576px) {
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
- .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-sm .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-sm .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
@@ -4107,7 +4107,7 @@ @media (min-width: 768px) {
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
- .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-md .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-md .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
@@ -4154,7 +4154,7 @@ @media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
- .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-lg .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-lg .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
@@ -4201,7 +4201,7 @@ @media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropd [...]
+ .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xl .navbar-nav tobago-page .tobago-page-menuStore .tobago-optio [...]
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
@@ -4248,7 +4248,7 @@ @media (min-width: 1400px) {
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
- .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
+ .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand-xxl .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand-xxl .navbar-nav tobago-page .tobago-page-menuStore .tobago [...]
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
@@ -4294,7 +4294,7 @@ .navbar-expand {
.navbar-expand .navbar-nav {
flex-direction: row;
}
-.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-dropdown-menu, tobago-pag [...]
+.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav tobago-select-many-list .tobago-options.tobago-dropdown-menu, tobago-select-many-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-select-one-list .tobago-options.tobago-dropdown-menu, tobago-select-one-list .navbar-expand .navbar-nav .tobago-options.tobago-dropdown-menu, .navbar-expand .navbar-nav tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-m [...]
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
@@ -12187,18 +12187,23 @@ tobago-date input::-ms-clear {
tobago-dropdown {
display: inline-block;
}
-tobago-dropdown .tobago-dropdown-menu {
+tobago-dropdown > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-dropdown .tobago-dropdown-menu .form-check {
+tobago-dropdown > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-dropdown .tobago-dropdown-menu .form-check.form-switch {
+tobago-dropdown > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-dropdown .tobago-dropdown-menu label[for] {
+tobago-dropdown > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-dropdown.tobago-dropdown-submenu {
@@ -12223,11 +12228,15 @@ tobago-dropdown.tobago-dropdown-submenu > .dropdown-item::after {
margin-top: 7px;
margin-right: -10px;
}
-tobago-dropdown.tobago-dropdown-submenu > .tobago-dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -0.5rem;
- margin-left: -1px;
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
+}
+tobago-dropdown.dropdown > .tobago-dropdown-menu.show .tobago-dropdown-submenu > .tobago-dropdown-menu {
+ /* "position: fixed" must be set to override position value of
+ ".navbar-expand-{sm|md|lg|xl|xxl} .navbar-nav tobago-dropdown > .tobago-dropdown-menu" */
+ position: fixed;
}
tobago-file {
@@ -12920,32 +12929,36 @@ tobago-page {
padding-bottom: 1rem;
}
tobago-page .tobago-page-menuStore {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
+ position: fixed;
+ overflow: auto;
+ overscroll-behavior: none;
+ margin: var(--tobago-dropdown-menu-offset);
+ z-index: var(--tobago-dropdown-menu-z-index);
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check {
/* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */
padding-left: 2.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu .form-check.form-switch {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu .form-check.form-switch {
padding-left: 3.5em;
}
-tobago-page .tobago-page-menuStore .tobago-dropdown-menu label[for] {
+tobago-page .tobago-page-menuStore > .tobago-dropdown-menu label[for] {
width: 100%;
}
tobago-page .tobago-page-menuStore .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13359,9 +13372,7 @@ tobago-select-one-list .tobago-select-field .tobago-filter:read-only {
tobago-select-one-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
@@ -13540,9 +13551,7 @@ tobago-select-many-list .tobago-select-field .tobago-filter:read-only {
tobago-select-many-list .tobago-options.tobago-dropdown-menu {
/* Use .tobago-dropdown-menu instead of .dropdown-menu to prevent Bootstrap from creating a dropdown instance.
This leads to javascript error if arrow up/down is pressed. */
- /*.tobago-dropdown-menu extends .dropdown-menu which causes conflicts when used inside a .navbar, because the
- "position" value would be overwritten. Hence the use of !important. */
- position: fixed !important;
+ position: fixed;
overflow: auto;
overscroll-behavior: none;
margin: var(--tobago-dropdown-menu-offset);
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
index c756debbbf..74a053a9c5 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../. [...]
\ No newline at end of file
+{"version":3,"sources":["tobago.css","../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/mixins/_banner.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../. [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css
index 27bd79554d..61fac241cc 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray- [...]
+@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray- [...]
/*# sourceMappingURL=tobago.min.css.map */
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map
index 2b1207bb53..8dce9f4e79 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["tobago-theme-standard/src/main/css/tobago.css"],"names":[],"mappings":"iBAsBA,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9 [...]
\ No newline at end of file
+{"version":3,"sources":["tobago-theme-standard/src/main/css/tobago.css"],"names":[],"mappings":"iBAsBA,MACA,sBACE,UAAW,QACX,YAAa,QACb,YAAa,QACb,UAAW,QACX,SAAU,QACV,YAAa,QACb,YAAa,QACb,WAAY,QACZ,UAAW,QACX,UAAW,QACX,WAAY,KACZ,WAAY,KACZ,UAAW,QACX,eAAgB,QAChB,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,cAAe,QACf,aAAc,QACd,eAAgB,QAChB,aAAc,QACd,UAAW,QACX,aAAc,QACd,YAAa,QACb,WAAY,QACZ,UAAW,QACX,iBAAkB,EAAE,CAAE,GAAG,CAAE,IAC3B,mBAAoB,GAAG,CAAE,GAAG,CAAE,IAC9 [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/js/tobago.js b/tobago-theme/tobago-theme-standard/src/main/js/tobago.js
index 3644f13a47..1020cc3da9 100644
--- a/tobago-theme/tobago-theme-standard/src/main/js/tobago.js
+++ b/tobago-theme/tobago-theme-standard/src/main/js/tobago.js
@@ -1,19 +1,19 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e,t;!function(e){e.ACTIVE="active",e.AUTOCOMPLETE="autocomplete",e.AUTOCOMPLETE_INPUT="autocomplete-input",e.BOTTOM_0="bottom-0",e.COLLAPSE="collapse",e.COLLAPSING="collapsing",e.D_NONE="d-none",e.DISABLED="disabled",e.DROPDOWN="dropdown",e.DROPDOWN_ITEM="dropdown-item",e.DROPDOWN_MENU="dropdown-menu",e.DROPDOWN_MENU_END="dropdown-menu-end",e.END_0="end-0",e.FADE="fade",e.FIXED_BOTTOM="fixed-bo [...]
+!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";var e,t,s,n;!function(e){e.ACTIVE="active",e.AUTOCOMPLETE="autocomplete",e.AUTOCOMPLETE_INPUT="autocomplete-input",e.BOTTOM_0="bottom-0",e.COLLAPSE="collapse",e.COLLAPSING="collapsing",e.D_NONE="d-none",e.DISABLED="disabled",e.DROPDOWN="dropdown",e.DROPDOWN_ITEM="dropdown-item",e.DROPDOWN_MENU="dropdown-menu",e.DROPDOWN_MENU_END="dropdown-menu-end",e.END_0="end-0",e.FADE="fade",e.FIXED_BOTTOM="fixe [...]
/*!
* Bootstrap v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
-const pt=new Map,gt={set(e,t,s){pt.has(e)||pt.set(e,new Map);const n=pt.get(e);n.has(t)||0===n.size?n.set(t,s):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(e,t)=>pt.has(e)&&pt.get(e).get(t)||null,remove(e,t){if(!pt.has(e))return;const s=pt.get(e);s.delete(t),0===s.size&&pt.delete(e)}},mt="transitionend",ft=e=>(e&&window.CSS&&window.CSS.escape&&(e=e.replace(/#([^\s"#']+)/g,((e,t)=>`#${CSS.escape(t)}`))),e),b [...]
+const ht=new Map,pt={set(e,t,s){ht.has(e)||ht.set(e,new Map);const n=ht.get(e);n.has(t)||0===n.size?n.set(t,s):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(e,t)=>ht.has(e)&&ht.get(e).get(t)||null,remove(e,t){if(!ht.has(e))return;const s=ht.get(e);s.delete(t),0===s.size&&ht.delete(e)}},gt="transitionend",mt=e=>(e&&window.CSS&&window.CSS.escape&&(e=e.replace(/#([^\s"#']+)/g,((e,t)=>`#${CSS.escape(t)}`))),e),f [...]
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
- */const vr=globalThis,_r=vr.trustedTypes,yr=_r?_r.createPolicy("lit-html",{createHTML:e=>e}):void 0,Er="$lit$",wr=`lit$${Math.random().toFixed(9).slice(2)}$`,Ar="?"+wr,Sr=`<${Ar}>`,Lr=document,Or=()=>Lr.createComment(""),xr=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Tr=Array.isArray,Cr="[ \t\n\f\r]",Ir=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Nr=/-->/g,kr=/>/g,Dr=RegExp(`>|${Cr}(?:([^\\s"'>=/]+)(${Cr}*=${Cr}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Mr=/'/g,Rr [...]
+ */const mr=globalThis,fr=mr.trustedTypes,br=fr?fr.createPolicy("lit-html",{createHTML:e=>e}):void 0,vr="$lit$",_r=`lit$${Math.random().toFixed(9).slice(2)}$`,yr="?"+_r,Er=`<${yr}>`,wr=document,Ar=()=>wr.createComment(""),Sr=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Lr=Array.isArray,Or="[ \t\n\f\r]",xr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Tr=/-->/g,Cr=/>/g,Ir=RegExp(`>|${Or}(?:([^\\s"'>=/]+)(${Or}*=${Or}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Nr=/'/g,kr [...]
<button type='button'
class='tobago-button btn btn-secondary badge' aria-label='deselect ${e}'
${s>0?" tabindex='"+String(s)+"'":""}
@click="${this.removeBadge.bind(this)}"
@focus="${this.focusEvent.bind(this)}"
- @blur="${this.blurEvent.bind(this)}"><i class='bi-x-lg'></i></button>`}removeBadge(e){var t;const s=e.target.closest(".btn-group").dataset.tobagoValue,n=this.hiddenSelect.querySelector(`[value="${s}"]`);n.selected=!1;const i=this.badges.querySelector(`[data-tobago-value="${s}"]`),o=i.previousElementSibling,r="SPAN"===(null===(t=i.nextElementSibling)||void 0===t?void 0:t.tagName)?i.nextElementSibling:null;o?o.querySelector("button.btn.badge").focus():r?r.querySelector("button.btn.ba [...]
+ @blur="${this.blurEvent.bind(this)}"><i class='bi-x-lg'></i></button>`}removeBadge(e){var t;const s=e.target.closest(".btn-group").dataset.tobagoValue,n=this.hiddenSelect.querySelector(`[value="${s}"]`);n.selected=!1;const i=this.badges.querySelector(`[data-tobago-value="${s}"]`),o=i.previousElementSibling,r="SPAN"===(null===(t=i.nextElementSibling)||void 0===t?void 0:t.tagName)?i.nextElementSibling:null;o?o.querySelector("button.btn.badge").focus():r?r.querySelector("button.btn.ba [...]
//# sourceMappingURL=tobago.js.map
diff --git a/tobago-theme/tobago-theme-standard/src/main/js/tobago.js.map b/tobago-theme/tobago-theme-standard/src/main/js/tobago.js.map
index c3af887365..48c24344f6 100644
--- a/tobago-theme/tobago-theme-standard/src/main/js/tobago.js.map
+++ b/tobago-theme/tobago-theme-standard/src/main/js/tobago.js.map
@@ -1 +1 @@
-{"version":3,"file":"tobago.js","sources":["../ts/tobago-css.ts","../ts/tobago-key.ts","../ts/tobago-bar.ts","../ts/tobago-date.ts","../ts/tobago-menu-store.ts","../../../../node_modules/@popperjs/core/lib/enums.js","../../../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js","../../../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js","../../../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js","../../../../node_modules/@popperjs/core/lib/modifiers/applyStyles [...]
\ No newline at end of file
+{"version":3,"file":"tobago.js","sources":["../ts/tobago-css.ts","../ts/tobago-key.ts","../ts/tobago-client-behaviors.ts","../ts/tobago-dropdown-menu.ts","../ts/tobago-bar.ts","../ts/tobago-date.ts","../ts/tobago-menu-store.ts","../ts/tobago-dropdown-item-factory.ts","../ts/tobago-dropdown-item.ts","../ts/tobago-dropdown.ts","../ts/tobago-overlay-type.ts","../ts/tobago-page-static.ts","../ts/tobago-page.ts","../ts/tobago-overlay.ts","../ts/tobago-file.ts","../ts/tobago-focus.ts","../ts/t [...]
\ No newline at end of file