FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 15:36:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(web/menu): fix scrolling clipping menu items

Browse Source
This commit is contained in:
Luke
2022-08-02 10:59:46 +02:00
committed by Luke
parent ed3e7ac733
commit fd8b3c9862
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/features/menu/list/ListItem.tsx
View File

@@ -15,6 +15,7 @@ const ListItem = forwardRef<Array<HTMLDivElement | null>, Props>(({ item, index,
bg="#25262B" bg="#25262B"
borderRadius="md" borderRadius="md"
tabIndex={index} tabIndex={index}
scrollMargin={2}
p={2} p={2}
height="60px" height="60px"
key={`item-${index}`} key={`item-${index}`}

6
web/src/features/menu/list/index.tsx
View File

@@ -111,7 +111,11 @@ const ListMenu: React.FC = () => {
useEffect(() => { useEffect(() => {
if (!menu.items[selected]) return; if (!menu.items[selected]) return;
listRefs.current[selected]?.focus(); listRefs.current[selected]?.scrollIntoView({
block: "nearest",
inline: "start",
});
listRefs.current[selected]?.focus({ preventScroll: true });
// debounces the callback to avoid spam // debounces the callback to avoid spam
const timer = setTimeout(() => { const timer = setTimeout(() => {
fetchNui( fetchNui(