diff --git a/packages/docs/components/Dropdown.md b/packages/docs/components/Dropdown.md index 774140b47..1ccb2af35 100644 --- a/packages/docs/components/Dropdown.md +++ b/packages/docs/components/Dropdown.md @@ -46,7 +46,7 @@ The component implements the W3C ARIA APG [Combobox Pattern](https://www.w3.org/ | animation | Custom animation (transition name) | string | - |
dropdown: {
animation: "fade"
}
|
| ariaLabel | Accessibility aria-label to be passed to the trigger element - usefull if selectable | string | - |
|
| checkScroll | Makes the component check if menu reached scroll start or end and emit scroll events. | boolean | - | dropdown: {
checkScroll: false
}
|
-| closeOnOutside | Close Dropdown when clicked outside | boolean | - | true
|
+| closeOnOutside | Close Dropdown when clicked outside | boolean | - | dropdown: {
closeOnOutside: true
}
|
| delay | Dropdown delay before it appears (number in ms) | number | - | |
| desktopModal | Dropdown content (items) are shown into a modal on desktop | boolean | - | dropdown: {
desktopModal: false
}
|
| disabled | Dropdown is disabled | boolean | - | false
|
@@ -67,8 +67,8 @@ The component implements the W3C ARIA APG [Combobox Pattern](https://www.w3.org/
| override | Override existing theme classes completely | boolean | - | |
| position | Position of the dropdown relative to the trigger | "auto" \| "bottom-left" \| "bottom-right" \| "bottom" \| "left" \| "right" \| "top-left" \| "top-right" \| "top" | `auto`, `top`, `bottom`, `left`, `right`, `top-right`, `top-left`, `bottom-left`, `bottom-right` | dropdown: {
position: "bottom-left"
}
|
| scrollable | Dropdown content will be scrollable | boolean | - | false
|
-| selectOnClose | Select current focused item when closed | boolean | - | false
|
-| selectOnFocus | Select current focused item when focused | boolean | - | false
|
+| selectOnClose | Select current focused item when closed | boolean | - | dropdown: {
selectOnClose: false
}
|
+| selectOnFocus | Select current focused item when focused | boolean | - | dropdown: {
selectOnFocus: false
}
|
| selectable | Enables item selection | boolean | - | false
|
| teleport | Append the component to another part of the DOM.dropdown: {
teleport: false
}
|
| triggerTag | Dropdown trigger tag name | DynamicComponent | - | dropdown: {
triggerTag: "div"
}
|
diff --git a/packages/oruga/src/components/dropdown/Dropdown.vue b/packages/oruga/src/components/dropdown/Dropdown.vue
index ea739a8d7..a3c8467c5 100644
--- a/packages/oruga/src/components/dropdown/Dropdown.vue
+++ b/packages/oruga/src/components/dropdown/Dropdown.vue
@@ -56,9 +56,9 @@ const props = withDefaults(defineProps