blsmedia/bot
2
0
Fork 0
Code Activity

🐛 (editor) Fix variables dropdown behind modal

Browse Source 
Closes #213
This commit is contained in:
Baptiste Arnaud
2023-01-05 18:45:50 +01:00
parent 3f7e1ce125
commit b455078631
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/builder/src/components/VariableSearchInput.tsx
View File

@@ -58,7 +58,7 @@ export const VariableSearchInput = ({
const [keyboardFocusIndex, setKeyboardFocusIndex] = useState< const [keyboardFocusIndex, setKeyboardFocusIndex] = useState<
number | undefined number | undefined
>() >()
const dropdownRef = useRef(null) const dropdownRef = useRef<HTMLDivElement>(null)
const inputRef = useRef<HTMLInputElement>(null) const inputRef = useRef<HTMLInputElement>(null)
const createVariableItemRef = useRef<HTMLButtonElement | null>(null) const createVariableItemRef = useRef<HTMLButtonElement | null>(null)
const itemsRef = useRef<(HTMLButtonElement | null)[]>([]) const itemsRef = useRef<(HTMLButtonElement | null)[]>([])
@@ -70,6 +70,7 @@ export const VariableSearchInput = ({
useEffect(() => { useEffect(() => {
if (isDefaultOpen) onOpen() if (isDefaultOpen) onOpen()
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, []) }, [])

1
apps/builder/src/lib/theme.ts
View File

@@ -93,6 +93,7 @@ const Popover = createMultiStyleConfigHelpers(
popper: { popper: {
width: 'fit-content', width: 'fit-content',
maxWidth: 'fit-content', maxWidth: 'fit-content',
zIndex: 'popover',
}, },
content: { content: {
bg: colorMode === 'dark' ? 'gray.800' : 'white', bg: colorMode === 'dark' ? 'gray.800' : 'white',