6,420 questions
2
votes
1
answer
49
views
How to make one element shrink while two other elements stay the same
async function main() {
const numStudents = Number(await new Modal('a\n\na\n\na\n\na\n\na\n\na', 'info', 'How many students do you have?', 'Cancel', 'Submit').response());
const numGrades = ...
- 69
1
vote
0
answers
62
views
Why does this flex-container overflow?
I have a flex-container with a fractional pixel width with 8 flex-children. I expect the container to not overflow, but it does.
The browser is Chrome or Edge on Windows. (Not in Firefox.)
The ...
- 395
1
vote
2
answers
80
views
my flutter drawer overflow when i open and close it
I get this error when I open and close my Flutter drawer.
error:
Another exception was thrown: A RenderFlex overflowed by 128 pixels on the right.
Another exception was thrown: Leading widget consumes ...
- 21
1
vote
2
answers
76
views
How can I add a scrollable container inside a flex column layout?
I have a simple flex column layout and some CSS helper classes (I added everything to the runnable code snippet).
Everything looks good...
...until I add a lot of text inside the red div.
/* Height ...
- 405
0
votes
1
answer
38
views
Make an element visible in scrollable area
When using a scrollable area is it possible with CSS to position a specific element to be in the "viewport", like scrolling to a certain element to make it visible. Here is an example below ...
- 2,356
1
vote
1
answer
35
views
Flutter bottom sheet RenderFlex overflow when crossing SafeArea during height animation
I'm building a custom sliding comment panel in Flutter (like a bottom sheet).
It has 3 parts:
A drag handle at the top
A scrollable ListView for comments
A TextField at the bottom for user input
The ...
- 11
0
votes
2
answers
60
views
What is causing the overflow?
I am making this website, and I started to get x-overflow. For reference I am only having this issue for mobile sized screens, hence why I only have the one media included. I can't seem to find out ...
0
votes
1
answer
30
views
How do I stop Overflow from interfering with TranslateZ()?
I am trying to have a scrollable area that has a parallax effect using Vanilla Tilt.js when hovering over a Div. When I don't have Overflow on the Div, the parallax effect works, CodePen, but when I ...
- 13
0
votes
2
answers
72
views
Visible scrolling behind view
I have the following DOM hierarchy and CSS
body {
margin: 0;
}
#main {
width: 100vw;
height: 100vh;
background-color: LightCyan;
}
#container {
display: flex;
justify-content: ...
- 8,309
0
votes
1
answer
48
views
I am unable to fix the overflow issue in my app that I am practicing with flutter from a course
The problem is that whenever I open the model bottom sheet and when the keyboard appears on pressing a text field the chart widget behind the ModalBottomSheet overflows and this only happens when I ...
- 23
0
votes
1
answer
41
views
Why is my parent overflowing as soon as there are more than 1 child in it?
As soon as I add any element above my .inner div, my parent's padding bottom will be ignored. Why is this behaviour and is there a better approach for my problem?
I have this minimal html code, also ...
- 126
1
vote
1
answer
38
views
Form disable the overflow
I try to implement an overflow in Form react-router, that's work in a classic <div></div> but when I use <Form></Form> my overflow doesn't work. I don't find any topic who talk ...
- 373
0
votes
0
answers
11
views
Calendar squishes when there are too many icons in a cell (React)
I trying to develop a gardening calendar, and it breaks when text or icons won't fit anymore. Can somebody help me with this, please?
I tried a lot of different ways to wrap, but nothing works.
return ...
4
votes
2
answers
110
views
How can I make a child element escape a parent with overflow: hidden without breaking my layout?
I’m working on a layout where the parent element has the following properties:
.parent {
position: relative;
height: 350px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
...
- 43
2
votes
3
answers
59
views
Absolute checkbox in overflow container breaks render when being checked
I feel as though I'm being pranked. I'm running into an issue that is replica table in both Chrome and FireFox and I cannot understand why it's happening.
I have a "pseudo" checkbox setup I'...
- 1,273