question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Modal not visible on Chrome Desktop using md Theme

See original GitHub issue

Showing a Modal in Chrome Desktop (other Browsers as well as Android working well) in not visible but clickable. The cause is the .modal-wrapper CSS Class in modal.md.scss and the setting:

opacity: .01;

Changing to

opacity: 1;

fixes this Problem. Whats the Reason for .01 ?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:12 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
MrBokehcommented, Aug 6, 2016

@jgw96 @brandyscarney So the problem was the settings on the ionicBootstrap config below causes the transparency: modalEnter: ‘modal-slide-in’, modalLeave: ‘modal-slide-out’,

0reactions
ionitron-bot[bot]commented, Sep 5, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Modal PopUp not displaying in chrome - Stack Overflow
Show activity on this post. just set z-index:100000 in panel display option. ... Why dont you enable the popups in google chrome, and...
Read more >
Modal not showing after browser update - help - Meteor forums
I have been using PeppeL-G modal package with bootstrap 4 and it has worked fine until my chrome browser updated. Click events to...
Read more >
Modal - Bootstrap
Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Read more >
Select2 in Modal with Safari and Chome Mobile - Okler Themes
When I use a Select2 in a Modal, accessing by any mobile with Safari ou Chrome, the search input does not work. The...
Read more >
CSS Modal Examples That You Can Download and Edit
CSS3, on the other hand, is much easier to work with. Yet examples of CSS modal windows are much harder to find.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found