adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-17 12:42:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix selects inside of focus trap not working on click select

Browse Source
This commit is contained in:
Gregor Vostrak
2024-12-09 16:33:57 +01:00
parent c4daca32c5
commit fdbf88a9a6
4 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
playwright.config.ts
View File

@@ -30,7 +30,7 @@ export default defineConfig({
trace: process.env.CI ? 'on-first-retry' : 'on', trace: process.env.CI ? 'on-first-retry' : 'on',
}, },
timeout: 10 * 1000, timeout: 20 * 1000,
/* Configure projects for major browsers */ /* Configure projects for major browsers */
projects: [ projects: [

4
resources/js/packages/ui/src/Modal.vue
View File

@@ -78,7 +78,9 @@ const maxWidthClass = computed(() => {
}); });
const target = ref(); const target = ref();
const { activate, deactivate } = useFocusTrap(target); const { activate, deactivate } = useFocusTrap(target, {
allowOutsideClick: true,
});
watch( watch(
() => props.show, () => props.show,
(value) => { (value) => {

5
resources/js/packages/ui/src/Project/ProjectBillableSelect.vue
View File

@@ -49,7 +49,10 @@ function getNameForKey(key: BillableKey | undefined) {
:get-name-for-item="getNameFromItem" :get-name-for-item="getNameFromItem"
:items="options"> :items="options">
<template #trigger> <template #trigger>
<Badge size="xlarge" class="bg-input-background cursor-pointer"> <Badge
tag="button"
size="xlarge"
class="bg-input-background cursor-pointer">
<span> <span>
{{ getNameForKey(model) }} {{ getNameForKey(model) }}
</span> </span>

1
resources/js/packages/ui/src/Project/ProjectCreateModal.vue
View File

@@ -113,6 +113,7 @@ const currentClientName = computed(() => {
v-model="project.client_id"> v-model="project.client_id">
<template #trigger> <template #trigger>
<Badge <Badge
tag="button"
class="bg-input-background cursor-pointer hover:bg-tertiary" class="bg-input-background cursor-pointer hover:bg-tertiary"
size="xlarge"> size="xlarge">
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">