26,940 questions
Advice
0
votes
3
replies
67
views
Accessible two column-grid using role=table
Situation
We used to have a description-grid component that was our own interpretation of visually representing a list of key-value-pairs using div and role="table". We had a "one-...
0
votes
0
answers
58
views
How to decrease link length between nodes in nested subgraphs?
I design a svg diagram with Mermaid and I want to shorten the link between C and D (Smart Processing and Templating Layer). It seems that there is enough space to reduce it. However, because of the ...
1
vote
0
answers
28
views
How to improve unused space in cytoscape-tidytree?
Nodes with move option should be re-positioned.
<!doctype html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=...
1
vote
1
answer
55
views
How to make position: sticky work inside a CSS Grid child with overflow?
I am trying to create a layout where the page height is fixed to the viewport (100vh), the .sidebar and .content areas scroll independently, and a .content-header inside .content should stay sticky ...
-1
votes
0
answers
28
views
React Native Paper - flex view bleeding views downwards
I want to display a fullscreen picker, which contains a header and a list. Currently my view hierarchy, starting at the Portal, looks like following:
<Portal>
<Modal
visible={...
-1
votes
0
answers
37
views
CSS Grid Dashboard: repeat(auto-fit, minmax(300px, 1fr)) Unevenly Spacing Tall vs. Short Cards on Resize? [duplicate]
I'm building an analytics dashboard with variable-height cards (e.g., text metrics vs. embedded charts). Using CSS Grid's auto-fit for responsiveness works on desktop, but resizing causes uneven gaps ...
Advice
0
votes
2
replies
75
views
How do I create a grid layout where some rows span the whole grid in Flutter?
I'm trying to write a settings page, and the layout I want is a grid with interspersed titles, something like this:
That's easy enough to accomplish, except I want the first column to adjust to the ...
2
votes
1
answer
123
views
PyQt6: keep widget width in a layout equal [closed]
I have a main layout in PyQt6 with a left and right side (QHBoxLayout containing two elements). I want both sides to always be 50% of the main window width. However, when a widget on the left side ...
0
votes
1
answer
108
views
Bulk Document Reformatting - VBA Compile Error [closed]
What is wrong with the following VBA module: an attempt to standardise font and layout on over 2000 docx MSWord365 pages to Montserrat SemiBold, 14 pt in justified paragraphs?
Text
Sub ...
1
vote
0
answers
162
views
Layout issues opening keyboard
I'm developing a typical chat screen, with the text input at the bottom. The app has a bottom bar with tabs and a topbar.
I'm struggling at getting what I understand to be the expected behavior (...
1
vote
0
answers
111
views
How can I fix the broken layout with a ScrollView inside a TabView that is inside a NavigationStack in SwiftUI?
I'd like to achieve a layout similar to the one shown in the Apple Fitness app. When I insert a ScrollView into a TabView, everything works fine, but if I try to add a NavigationStack to wrap the ...
0
votes
0
answers
38
views
React Native: How to keep footer buttons pinned above SafeArea + fixed padding while parent container height is dynamic?
I’m working on a React Native layout where:
The parent container’s height changes dynamically (based on user settings or API values).
Inside the parent, I need to keep some content at the top and a ...
1
vote
0
answers
105
views
Which layout changes cause an input field to close its modal?
If the layout of an <input type="date"> element changes while its modal (the "datepicker") is open, this can in certain circumstances cause the modal to be closed.
The ...
1
vote
1
answer
73
views
LazyHorizontalStaggeredGrid messing the order of items
I am trying to render a simple time table in Jetpack Compose on Android. Some lectures have a different number of allocated blocks so I decided to use LazyHorizontalStaggeredGrid because the widths of ...
0
votes
1
answer
47
views
Is there a way to trigger error.tsx from layout component in nextjs?
I have a layout like this:
export default async function ClientLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<>
<Header />...