On click of a link, a modal opens up. But the modal is flickering badly. Not sure why it is flickering, is it because of any wrong property or any other factor. This happens in chrome only, Other browsers does not show this kind of issue.How can i fix the flickering of my modal?
Just incase anyone else has the same issue. In my case it was caused by the modal animation, I fixed it by applying animation-fill-mode: forwards; on both the modal and overlay and the flickering stopped
Related
Our site is in react and we are using reactstrap. When you post a comment, a modal with a textarea opens. Everything works fine on desktop (chrome/safari, etc).
On iOS/Safari, when you write a new post, everything works fine. If you try to edit that post, as soon as you click on the textarea (anywhere else on the modal is OK), the modal closes.
If you click and hold on the text in the textarea, it will let you select but as soon as you tap it and the keyboard starts to slides up, the modal vanishes.
The modal is set to open statically but that doesn't help.
Anyone have this experience or know of a solution?
I had the same issue, and it fixed after adding position:fixed to the body when opening a modal.
I am developing an app with angular and ionic, and I am facing a strange issue with scrolling.
What I currently have, is a directive to display some temperatures on a page.
Everything works, but if I try to scroll using the mouse wheel (when the mouse cursor hover some text) the page won't scroll. If, however, I have the mouse cursor somewhere else, the page scrolls.
To better explain and show this issue, I've created a codepen which you can find here: http://codepen.io/NickHG/pen/beBGdx
I have no idea why this happens.
Any suggestion?
Thanks
I've found a workaround.
Set overflow-scroll="true" in the ion-content.
I am using a ng infinite scroll in the page to display images. I have a search textfield, which makes the page flicker everytime i type something in search box. How i can disable this flickering effect.
Thanks in Advance
I am using the most excellent sexy Bootstrap modal for Angular, but have encountered a problem.
I am opening a new modal immediately after the sexy full-screen modal closes. However, the residue of the sexy modal - the background - remains until the new modal closes. Is there a way to hook an event up to the sexy modal that fires when the modal actually finishes closing? I don't want to set up a timer, that would be a bit dirty...
Any ideas greatly appreciated.
Whenever the page redirects (either due to refresh or a link out click), the button always disappears before all other elements. It's not visible on laptop, but quite visible on mobile devices. What could be the reason?
In the end, I found that it was due to the backface-visibility: hidden; I set upon the button to prevent the transitioning div from flickering. It looks like when pages redirect, those div are turned "backfaced" before being replaced by another page.