Skip to content
This repository has been archived by the owner on Dec 8, 2022. It is now read-only.

Modal overflow ie11 #567

Merged
merged 3 commits into from
Apr 10, 2017
Merged

Modal overflow ie11 #567

merged 3 commits into from
Apr 10, 2017

Conversation

Blackbaud-PatrickOFriel
Copy link
Contributor

@Blackbaud-PatrickOFriel Blackbaud-PatrickOFriel commented Apr 7, 2017

@codecov-io
Copy link

codecov-io commented Apr 7, 2017

Codecov Report

Merging #567 into master will not change coverage.
The diff coverage is 100%.

Impacted file tree graph

@@          Coverage Diff          @@
##           master   #567   +/-   ##
=====================================
  Coverage     100%   100%           
=====================================
  Files         269    269           
  Lines        4280   4283    +3     
  Branches      452    452           
=====================================
+ Hits         4280   4283    +3
Impacted Files Coverage Δ
...c/modules/modal/modal-component-adapter.service.ts 100% <100%> (ø) ⬆️

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 44e3ee7...805abe5. Read the comment docs.

max-height to the content that accounts for standard header and footer height.
*/
let modalContentEl = modalEl.nativeElement.querySelector('.sky-modal-content');
let contentHeight = newHeight - 114;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

114px = 50px for header + 64px for footer?

If that's the case, what happens if the header or footer contents ever wrap to multiple lines?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, if that happens, then specifically on IE11, things might go wrong (on all other browsers that implement flex correctly (which is all of them), the proper limits will still be set). Since I have not seen a design that has that happening (on purpose), I think this is a better solution than doing something with worse performance like watching for the header/footer contents to render/change height.

@Blackbaud-PatrickOFriel Blackbaud-PatrickOFriel merged commit dae4600 into master Apr 10, 2017
@Blackbaud-PatrickOFriel Blackbaud-PatrickOFriel deleted the modal-overflow-ie11 branch April 29, 2017 14:16
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants