Home
Q&A
Education
Technology
Credit
General
Health
Insurance
Questions
Ask a Question
Flexbox rendering broken with latest Chrome
Home
Education
Flexbox rendering broken with latest Chrome
asked
May 7, 2022
in
Education
by
JackTerrance
After a Chrome update (73.0.3683.75), my flex rendering is completely broken. The issue is known and discussed here and here on SO, however I can't understand their fix and make it work in my case, as I don't know CSS and Flex very well. I made a plunker that replicates the issue. If you open it with Safari, then Chrome, you'll notice a very different behaviour when resizing the window. What is wrong with my code (that worked before)? Here are two illustrations of the plunker: Safari display (OK) As you can see, when resizing the window, article items height is decreased and the global height stays at 100% without overflow. That's the expected behaviour. Chrome display (NOT OK) But in new Chrome version, article item height does not change when resizing the window, and a scrollbar is created.
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
article n°X
NOTE : does NOT work on latest Firefox too. JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)
cssgoogle-chromeflexbox
1
Answer
0
votes
answered
May 7, 2022
by
JackTerrance
Try: .h-100 { height: 100vh!important; } The issue has something to do with using height: 100% if you change it to height: 100vh it produces the expected behavior.
Related questions
0
votes
Q: Copy / Put text on the clipboard with FireFox, Safari and Chrome
In Internet Explorer I can use the clipboardData object to access the clipboard. How can I do that in ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked
Mar 16, 2022
in
Education
by
JackTerrance
javascriptdom
0
votes
Q: Copy / Put text on the clipboard with FireFox, Safari and Chrome
In Internet Explorer I can use the clipboardData object to access the clipboard. How can I do that in ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked
Mar 16, 2022
in
Education
by
JackTerrance
javascriptdom
0
votes
Q: Copy / Put text on the clipboard with FireFox, Safari and Chrome
In Internet Explorer I can use the clipboardData object to access the clipboard. How can I do that in ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked
Mar 16, 2022
in
Education
by
JackTerrance
javascriptdom
0
votes
Q: Issues with AA extension for chrome
I am trying to set up AA for use with chrome on a clients vm. AA client is up and running. When i first ... ? Thankful for any input. Select the correct answer from above options...
asked
Feb 1, 2022
in
Education
by
JackTerrance
automation-anywhere
rpa
0
votes
Q: Software built as microservices can, by definition, be broken down into multiple component services.
Software built as microservices can, by definition, be broken down into multiple component services. A. True B. False...
asked
Jan 9, 2023
in
Technology
by
JackTerrance
microservices-architecture-interview-question-answer
0
votes
Q: How can you fix a broken commit?
How can you fix a broken commit? A. git reset B. git commit –amend C. git fix D. git rebase...
asked
Dec 23, 2022
in
Technology
by
JackTerrance
github
0
votes
Q: PHP broken relative links in nested directories
I'm sure I'm missing some simple explanation, but I want to confirm - so assume I know very ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked
Feb 12, 2022
in
Education
by
JackTerrance
interview-question-answer
0
votes
Q: PHP broken relative links in nested directories
I'm sure I'm missing some simple explanation, but I want to confirm - so assume I know very ... JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked
Feb 12, 2022
in
Education
by
JackTerrance
interview-question-answer
0
votes
Q: What would happen if the protective tin coating over an iron bucket is broken in some places ?
What would happen if the protective tin coating over an iron bucket is broken in some places ? Select the correct answer from above options...
asked
Jan 5, 2022
in
Education
by
JackTerrance
probability-questions
probability-mcq
0
votes
Q: Which of the following animals can regenerate it’s broken body part? 1. Cockroach 2. Frog 3. Sparrow 4. Starfish
Which of the following animals can regenerate it's broken body part? 1. Cockroach 2. Frog 3. ... ,Science proposed by,electromagnetic theory engineering physics,Science nptel...
asked
Nov 7, 2021
in
Education
by
JackTerrance
science-interview-questions
science-interview-questions-answers
science-multiple-choice-questions
science-mcq-with-answers
science-mcq
science-questions
0
votes
Q: The blobs are broken into smaller pieces using which of the following functions?
The blobs are broken into smaller pieces using which of the following functions? (a) partition() (b) ... Questions for Interview, JavaScript MCQ (Multiple Choice Questions)...
asked
Oct 22, 2021
in
Education
by
JackTerrance
essential-javascript-interview-questions
javascript-interview-questions
javascript-interview-questions-and-answers
javascript-questions-for-practice
java-script-mcq-quiz
javascript-quiz-
javascript-multiple-choice-questions
javascript-mcq-with-answers
0
votes
Q: A tablespace is further broken down into ________
A tablespace is further broken down into ________ (a) Tablespace (b) Segments (c) Extents (d) Blocks The ... Storage in section Storage and File Structures of Database Management...
asked
Oct 10, 2021
in
Education
by
JackTerrance
0
votes
Q: A tablespace is further broken down into ________
A tablespace is further broken down into ________ (a) Tablespace (b) Segments (c) Extents (d) Blocks This ... Indices topic in chapter Indexing and Hashing of Database Management...
asked
Oct 10, 2021
in
Education
by
JackTerrance
0
votes
Q: How will you fix a Broken Commit?
How will you fix a Broken Commit?...
asked
Nov 4, 2020
in
Technology
by
JackTerrance
interview-question-answer
technology-questions-answers
0
votes
Q: What do you do to check broken links in an application?
What do you do to check broken links in an application?...
asked
Oct 19, 2020
in
Technology
by
JackTerrance
interview-question-answer
technology-questions-answers
...