Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Web browser scrollbar blinking on <md-dialog> dismiss #632

Closed
epool opened this issue Nov 12, 2014 · 10 comments
Closed

Web browser scrollbar blinking on <md-dialog> dismiss #632

epool opened this issue Nov 12, 2014 · 10 comments
Assignees
Milestone

Comments

@epool
Copy link

epool commented Nov 12, 2014

I'm having a scrollbar blinking mistake when I close the dialog, earlier I was working with bower install angular-material(yesterday, I think was V0.5.0) but when I started to work with bower install angular-material#master I started to have this behavior on my page.

20141112-161739_capture

Here is the source code: http://jsfiddle.net/eduardo_pool/osqLhhm7/1/

Earlier with bower install angular-material(V0.5.0) this didn't happend.

@epool epool changed the title Web browser scrollbar blinking on dismiss dialog Web browser scrollbar blinking on Dialog dismiss Nov 13, 2014
@epool epool changed the title Web browser scrollbar blinking on Dialog dismiss Web browser scrollbar blinking on <md-dialog> dismiss Nov 13, 2014
@ThomasBurleson
Copy link
Contributor

@epool - plz create two (2) separate issues. And we will respond.

@ThomasBurleson ThomasBurleson added this to the 0.8.0-rc1 milestone Nov 13, 2014
@epool
Copy link
Author

epool commented Nov 13, 2014

sure, I did it, the new issue is #639.

@prasannapattam
Copy link

Is there a separate issue created for the scrollbar blinking issue. I could not find it.
Anyway here is a Plunker for this
http://plnkr.co/edit/WTrRd3F3NspuVi7QvGNF?p=preview

@epool
Copy link
Author

epool commented Dec 9, 2014

no, this is the blinking issue.

@ThomasBurleson ThomasBurleson modified the milestones: 0.8.0, 0.9.0 Jan 30, 2015
@marcysutton marcysutton self-assigned this Mar 12, 2015
@marcysutton
Copy link
Contributor

@epool can you verify whether this is still happening, and if so, which browser/OS? I'm not seeing scrollbars with the current version (0.8.3). There are layout issues inside of the dialog since it hasn't been styled to accommodate the newer components, but otherwise it looks fine.

@marcysutton
Copy link
Contributor

Closing this issue due to inactivity, if the issue persists let me know and we can reopen.

@Psvensso
Copy link

Can confirm that its still there.
Chrome - Version 41.x
Horizontal scrollbar animated out on body.

IE11
Horizontal and Vertical scrollbars animateout.

I'll investigate a bit more but just wanted to confirm it.

Using 0.8.3.

@Psvensso
Copy link

It can be fixed with a overflow: hidden on the .md-dialog-container but might cause side effects? :)

@theblang
Copy link

@marcysutton I can also confirm, on Chrome 43.0.2357.130 m, Angular Material 10.0, Angular 1.4.0.

@Psvensso Yeah, I am using overflow:hidden !important; on the body. So far I haven't noticed any side effects, but I wouldn't be surprised if there are some.

@stefan-schweiger
Copy link

+1

.md-dialog-container { overflow: hidden !important; } is the best option for fixing this in my opinion.

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

No branches or pull requests

7 participants