6,414 questions
0
votes
0
answers
44
views
Why is my CSS Grid item overflowing its container despite explicit column widths? [closed]
I'm building a responsive dashboard using CSS Grid, but one of the grid items is overflowing its container horizontally even though I've defined fixed column widths using grid-template-columns. The ...
5
votes
1
answer
139
views
How to make the header of a horizontally scrollable table sticky?
Let's assume having a simple layout with a fixed header and a scrollable main container. Within the main content I would like to render a table (horizontally scrollable) with a sticky header. How is ...
- 215
0
votes
0
answers
31
views
Dropdown menu from a navbar with overflow-x scroll and overflow-y visible [duplicate]
I’m working on creating a navigation bar that scrolls horizontally. So far, everything is going well. However, when a tab opens a dropdown menu, I want to disable vertical scrolling while keeping ...
0
votes
1
answer
61
views
applying horizontal scrolling to navbar without vertical scrolling
i want to apply only horizontal scrolling to the nav but not vertical so i use bootstrap class overflow-x-scroll, however it still applies vertical scrolling when i open the language dropdown :
...
- 139
0
votes
0
answers
19
views
overflow-x messes with iPad with touchpad
I have a solution with a row of items, scrollable horizontally, which is working fine everywhere, but when I scroll vertically over that row on my iPad with the trackpad, the scrolling stops and it ...
6
votes
5
answers
288
views
How bad is a "controlled" signed int overflow and can it even be "controlled"?
Our school tasks us to reproduce the atoi function. Many students (I included) do it some way that causes an overflow in case of INT_MIN, which wraps around neatly so the function still works. We ...
- 61
-1
votes
2
answers
167
views
Why std::cout does not show uint8 overflow but shows char overflow?
To be able to understand overflow in C++ I was trying some code snippets and realized this strange behaviour.
std::uint8_t ofInt = 255;
if ((ofInt + 1) == 0)
std::cout << "This is not ...
- 111
1
vote
1
answer
69
views
TextOverflow not effective on multiline text
For some reason, TextOverflow with Flexible in a Column works fine when text doesn't have multiple lines like this:
SizedBox(
height: 20,
child: Column(
children: [
Flexible(
...
- 609
0
votes
2
answers
154
views
How can I make a table header wide as the page, when a cell contains horizontal overflow?
I want to use a collapsible table, that always has the width of the page.
Its header cell should always have the width of the page.
The cell below shows content that needs to be scrolled horizontally.
...
- 1,209
-1
votes
2
answers
48
views
Tiny bit of overflow on mobile
While I was developing my React project I noticed a tiny bit of overflow (>3px) introduced on mobile. Just annoying enough to make me try to fix it. No matter what I tried to isolate, it's no use. ...
3
votes
3
answers
100
views
Simple Excel Macro throwing Run-time Error '6' Overflow
I am building an Excel Macro that will do a number of manipulations based on the oldest of three dates. For now, I only have the shell of the Macro which will only show a MsgBox.
Sub HighlightNextEDM(...
0
votes
1
answer
212
views
React native + expo - Tab goes under the navigation bar
coding in my React Native with Expo project, I suddenly reached a bug that I've never seen and according to RN documentation, it should not happen.
My page content simply overflows the screen and goes ...
- 66
2
votes
1
answer
143
views
Box-Shadow Clipping Issue with horizontal scroll
I’m relatively new to CSS and building a website using HTML and CSS (no experience with JavaScript). I have a horizontal scrolling section for some highlight 'cards' using a CSS Grid. Each card has a ...
- 21
0
votes
2
answers
84
views
Flutter Text in Expanded widget
I have following (simplified) code:
return const SizedBox(
height: 150,
child: Column(
children: [
Expanded(
child: Text(
"Lorem ipsum ...
- 2,575
2
votes
0
answers
76
views
How to allow a slider item to overflow only from the top on hover, but hide overflow on the sides in a swiper slider? [closed]
Question:
I’m working with Swiper.js slider and have a hover effect on each slide where the slide grows in size and moves upward, overflowing outside the main slider container.
My goal is:
On hover, ...
- 21
1
vote
1
answer
22
views
How can I make one image spill out and the other clipped into a div?
This Image contains a div with two images, one for the background (the circles) and one for the content (the two phones (one image)). Can you suggest a way to make the phones spill out of the div ...
- 13
1
vote
1
answer
79
views
How to make my container scrollable while keeping the text displaying partially outside of the container
I am trying to make a div element vertically scrollable while maintaining the header text to appear partially outside the div element like this:(https://i.sstatic.net/B95r6Fzu.png)
This is my code ...
- 13
1
vote
3
answers
96
views
Navbar overflows when emulating from phone
Mobile menu should not be visible and it should not overflow when used from phone. When I just decrease the browser on the computer it works as intended.
Here is my code.
HTML:
document....
- 13
0
votes
1
answer
172
views
Does scrollbar-gutter work with horizontal scrollbars?
I'm trying to use the scrollbar-gutter CSS property to reserve space for the scrollbar and avoid layout shifts. It works well for vertical scrolling, but I want it to reserve space for a horizontal ...
0
votes
0
answers
27
views
Scroll not working on web but working on Android and iOS
When I am scrolling a FlatList on the web it's not working.
Following is the code I am using to check the scrolling issue, the same code is scrolling on Android and iOS but not working on the web (...
- 2,602
1
vote
0
answers
141
views
How can I handle overflow in bigint / int signed division with x86 idiv?
I have a serious problem I really want to solve. I am trying to implement void operator divide(uint32_t dividend[4],int32_t divisor,uint32_t "ient[4],int32_t &remainder). My algorithm is:
...
- 438
0
votes
0
answers
21
views
Any way to disable HTML scroll for any page containing inner scrollable component?
I am facing an issue which happens only in iOS devices. I'm using Nextjs 15.2.3.
Whenever I visit a page which contains an inner scrollable component (a list for example), I can drag as well as scroll ...
-1
votes
1
answer
105
views
Why in VBA (macos m1), Bitand throw an Overflow error?
Public enum eLogLocations
inListBox = 2&
inDebug = 4&
inFile = 8&
Everywhere = inListBox & inDebug & inFile
end enum
I use numbers directly but same error... and the ...
- 29
2
votes
1
answer
124
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 = ...
- 81
1
vote
0
answers
84
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
96
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
119
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 ...
- 457
0
votes
1
answer
45
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,386
1
vote
1
answer
40
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
99
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
42
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
107
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,429
0
votes
1
answer
84
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 ...
- 55
0
votes
1
answer
45
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 ...
user11192820
1
vote
1
answer
71
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
13
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 ...
5
votes
2
answers
470
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;
...
- 53
2
votes
3
answers
79
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,283
0
votes
1
answer
33
views
Content within card stretches page when overflow occurs
I am working on a little productivity hub, where each card acts as a different section in the dashboard. For my todo card, whenever I add more content, the page stretches, isntead of the just making ...
-1
votes
2
answers
97
views
Why does my image overflow its parent div with another content inside? [closed]
Why does my image overflow its parent div in Tailwind CSS?
I have a <div> with a fixed size and a border, containing both text and an image. However, the image overflows outside the red border. ...
0
votes
1
answer
97
views
Why is VBA only giving an overflow error when assigning arrays over a certain size
I have a code that needs to analyze a very large amount of data that has new data added regularly, and as such, the array size increases each week. The codes overall purpose is to compare the new data,...
- 1
0
votes
1
answer
71
views
CSS Overflow: auto squeezes content into container instead of adding scrollbar?
I have a div with class name graph-container with the following properties:
.graph-container{
width: 90%;
height: 298px;
padding: 20px 0;
display: flex;
align-items: center;
...
- 23
0
votes
2
answers
52
views
Tab label shows white and text overflows when using long text
Steps to Reproduce
Put a few tabs into a DefaultTabController with relatively long labels.
Make sure you reduce the width of your browser window so that the tabs have no room to display in full.
...
- 9,247
0
votes
2
answers
144
views
Getting an infinite recursion error in java
I cannot find the reason why my code doesn't work. It keeps saying that there's a infinite recursion error. I'm basically trying to solve a maze recursively.
The start and end of the maze are ...
- 11
0
votes
1
answer
61
views
scrollTop for div with image does not scroll to the top of the image
I have some piece of html containing an <ins> element somewhere. I want to show only the <ins> part and possibly some context above and below. My approach is to use a <div> with ...
- 6,333
0
votes
2
answers
40
views
due to the fact that in the parent min-height: 300px; overflow doesn't work how to fix it
<template>
<div class="chat">
<div class="container">
<div class="messages">
<p>s</p>
</div>
...
- 1
1
vote
3
answers
208
views
C int overflow strange behavior
I know that signed int overflow is undefined in C.
I understood this as the resulting number is not predictable, but it is still a number.
However, this code does not behave like the result of an ...
- 29
0
votes
3
answers
124
views
How to cut image with position:absolute that overflows outside its container/card
SCROLL DOWN FOR AN UPDATE
ORIGINAL POST:
I'm making a card html code and I'd love to style it using an image cut at an angle. I've tried a bunch of things but nothing seems to hide the overflow of the ...
- 67
1
vote
1
answer
69
views
How to Determine if Text is Overflowing & Handle Text Ellipses Removing the Overflow
I'm trying to write a function that determines whether the text has overflowed (to determine whether I should show a tooltip). How can I handle text ellipsis removing the overflow?
I have:
const ...
- 11
0
votes
1
answer
122
views
Prevent div from extending beyond the screen in Next.js layout
I'm working with a Next.js project and have the following layout setup. My issue is that a div in my Page.tsx extends beyond the screen, causing unwanted overflow. I would like to make sure that the ...
- 25