import { provide, ref } from "vue"; import { useVModel } from "@vueuse/core"; import { provide, ref, watchEffect } from "vue"; import { useScrollLock, useVModel } from "@vueuse/core"; const props = withDefaults(defineProps<DialogRootProps>(), { open: undefined, @@ -38,6 +...
Describe the bug Mobile browser scroll unlock To Reproduce Steps to reproduce the behavior: Use mobile browser to https://www.radix-vue.com/components/dialog.html Open dialog. Scroll unlocked Expected behavior Scroll will be locked Scree...
Vue Port of Radix UI
You are in control of all aspects of styling, including functional styles. For example, by default, aDialog Overlaywon't cover the entire viewport. You're responsible for adding those styles, plus any presentation styles. Classes All components acceptclassattributes, just like normal component...
overlay-manager-vue Vue overlay component manager vue overlay manager modal dialog vue3 typescript radix-vue headless polcaneli• 0.3.3-beta.3 • 9 months ago • 0 dependents • MITpublished version 0.3.3-beta.3, 9 months ago0 dependents licensed under $MIT 15 ...
9 changes: 7 additions & 2 deletions 9 apps/www/src/lib/registry/new-york/ui/dialog/Dialog.vue Show comments View file Edit file Delete file Original file line numberDiff line numberDiff line change @@ -1,9 +1,14 @@ <script setup lang="ts"> import { DialogRoot } from 'radix-...
story DialogExternalTrigger.story.vue DialogWithDropdown.story.vue 6 changes: 5 additions & 1 deletion 6 packages/radix-vue/src/Dialog/Dialog.test.ts Original file line numberDiff line numberDiff line change @@ -23,7 +23,7 @@ const NoLabelDialogTest = defineComponent({ const UndefinedDesc...
<script setup lang="ts"> import { Icon } from '@iconify/vue' import { ref } from 'vue' import { NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, } from 'radix-vue' import...
First, you need to import the namespaced components via radix-vue/namespaced in your Vue component. vue <script setup lang="ts"> import { Dialog, DropdownMenu } from 'radix-vue/namespaced' </script> Then, you can use all the relevant components within the namespace. ...
The dialog has some wrong behaviors. Include Dialog and AlertDialog Always scrollable background on mobile browser. Can't scroll the dialog content by mouse wheel, when its overflow behavior is sc...