Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Modal] - sets body height when modal can't fit but does not set it back when modal closes #2576

Closed
startswithaj opened this issue Jul 10, 2015 · 5 comments
Milestone

Comments

@startswithaj
Copy link

          screenHeight: function() {
            if( module.can.fit() ) {
              $body.css('height', '');
            }
            else {
              module.debug('Modal is taller than page content, resizing page height');
              $body
                .css('height', module.cache.height + (settings.padding * 2) )
              ;
            }
          },

This code runs on modal.show
but no code sets the body height back to '' when the modal closes

repro:

have modal thats bigger than body, show modal, close modal. Height still set on body.

@jlukic jlukic added this to the 2.0.3 milestone Jul 10, 2015
@jlukic
Copy link
Member

jlukic commented Jul 10, 2015

It was set to leave it in place I dont recall why but I'm fairly certain it can safely be removed.

@startswithaj
Copy link
Author

Yeah I just call body.css height, '' when I hide the modal and haven't seen anything untoward.

On 11 Jul 2015, at 2:12 am, Jack Lukic [email protected] wrote:

It was set to leave it in place I dont recall why but I'm fairly certain it can safely be removed.


Reply to this email directly or view it on GitHub.

@iLavs
Copy link

iLavs commented Aug 30, 2016

i have the issue with performance of simple modal window. my code look like here: https://ng-semantic.herokuapp.com/#/elements/modal , first exmpl,

but Modal doesn't work correctly. Can someone help me with it?
7

@abomusab
Copy link

I solved the problem by adding

.modal {
        bottom: auto;

    }

to your page

@lackneets
Copy link

.modal { bottom: auto; }

Solved too. Seems like Bootstrap conflicts with Semantic modal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants