Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

fix(dialog): Fix scrolling content overflowing on Chrome/Android. #4746

Merged
merged 19 commits into from
May 28, 2019

Conversation

joyzhong
Copy link
Contributor

vh includes the browser top/bottom bars on Chrome/Android and is inconsistent in Safari, causing scrolling content to overflow.

@codecov-io
Copy link

Codecov Report

❗ No coverage uploaded for pull request base (master@35ce498). Click here to learn what that means.
The diff coverage is 97.19%.

Impacted file tree graph

@@            Coverage Diff            @@
##             master    #4746   +/-   ##
=========================================
  Coverage          ?   98.96%           
=========================================
  Files             ?      129           
  Lines             ?     6285           
  Branches          ?      820           
=========================================
  Hits              ?     6220           
  Misses            ?       64           
  Partials          ?        1
Impacted Files Coverage Δ
packages/mdc-top-app-bar/short/foundation.ts 100% <100%> (ø)
packages/mdc-top-app-bar/fixed/foundation.ts 100% <100%> (ø)
packages/mdc-top-app-bar/foundation.ts 100% <100%> (ø)
packages/mdc-menu/component.ts 100% <100%> (ø)
packages/mdc-top-app-bar/component.ts 100% <100%> (ø)
packages/mdc-top-app-bar/standard/foundation.ts 100% <100%> (ø)
packages/mdc-dialog/component.ts 99% <91.66%> (ø)
packages/mdc-dialog/foundation.ts 99.34% <92.85%> (ø)
packages/mdc-menu/foundation.ts 96.25% <94.73%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 35ce498...e6462b5. Read the comment docs.

@codecov-io
Copy link

codecov-io commented May 21, 2019

Codecov Report

Merging #4746 into develop will increase coverage by <.01%.
The diff coverage is n/a.

Impacted file tree graph

@@             Coverage Diff             @@
##           develop    #4746      +/-   ##
===========================================
+ Coverage    98.95%   98.95%   +<.01%     
===========================================
  Files          129      129              
  Lines         6289     6326      +37     
  Branches       820      820              
===========================================
+ Hits          6223     6260      +37     
  Misses          65       65              
  Partials         1        1
Impacted Files Coverage Δ
packages/mdc-grid-list/index.ts 100% <0%> (ø) ⬆️
packages/mdc-line-ripple/index.ts 100% <0%> (ø) ⬆️
packages/mdc-chips/chip-set/index.ts 100% <0%> (ø) ⬆️
packages/mdc-select/helper-text/index.ts 100% <0%> (ø) ⬆️
packages/mdc-select/icon/index.ts 100% <0%> (ø) ⬆️
packages/mdc-tab-bar/index.ts 100% <0%> (ø) ⬆️
packages/mdc-textfield/helper-text/index.ts 100% <0%> (ø) ⬆️
packages/mdc-menu-surface/index.ts 100% <0%> (ø) ⬆️
packages/mdc-radio/index.ts 100% <0%> (ø) ⬆️
packages/mdc-form-field/index.ts 100% <0%> (ø) ⬆️
... and 26 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3224490...f17051c. Read the comment docs.

@joyzhong joyzhong changed the base branch from master to develop May 21, 2019 21:37
@joyzhong joyzhong changed the title fix(dialog): Fix scrolling content overflowing on Chrome/Android, Safari. fix(dialog): Fix scrolling content overflowing on Chrome/Android. May 28, 2019
@joyzhong joyzhong merged commit 17b8339 into develop May 28, 2019
@joyzhong joyzhong deleted the fix/dialog_scrollable branch May 28, 2019 18:35
joyzhong added a commit that referenced this pull request May 28, 2019
Use 100vw as it doesn't have the same browser incompatibilities that 100vh does (see PR #4746 for context). 100% width on the other hand breaks on mobile/Safari.
moog16 pushed a commit that referenced this pull request May 28, 2019
Use 100vw as it doesn't have the same browser incompatibilities that 100vh does (see PR #4746 for context). 100% width on the other hand breaks on mobile/Safari.
moog16 pushed a commit that referenced this pull request Jun 3, 2019
Use 100vw as it doesn't have the same browser incompatibilities that 100vh does (see PR #4746 for context). 100% width on the other hand breaks on mobile/Safari.
abhiomkar pushed a commit that referenced this pull request Jun 11, 2019
Use 100vw as it doesn't have the same browser incompatibilities that 100vh does (see PR #4746 for context). 100% width on the other hand breaks on mobile/Safari.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants