I have using angular-bootstrap-lightbox in my project . its working fine in all browser.
But issue in safari of window.
Image that display in open modal is get disappear after display.
I have attached screen shot.
Please ignore grammatically mistake.
Thanks.enter image description here
Related
Before posting this I passed one full day to understand this bug but without any result.
Here is the link to web application that Im developing : https://yd-chauffeurs.vercel.app/
This BUG is happening ONLY in SAFARI. Please use SAFARI to reproduce. In other browser it works perfectly.
Open Home page and click on CONTACT after the contact page is opened click on ABOUT (A PROPOS in french) or GALLERY. You will see that SAFARI doesn't scroll to that section which is marked with id.
When you are on Home page and you click , all Links work perfectly and they scroll to necessary id.
But when you are on another page like Contact or FAQ, Safari doesn't scroll to About or Gallery.
I can't figure out why.
Thank you for your answer.
Today I finally managed to resolve the issue. I resolved this problem by giving min-height to service section.
The problem was that Safari was not charging all DOM elements so it was starting to scroll to the section but when DOM was fully loaded the scroll was pushed upper. So I gave min height to service section and now it works perfectly.
Thank you again.
I checked in Safari Version 14.1 (Desktop) but cannot reproduce the problem.
I built a custom video player based on react-player lib but there is a problem in Safari browser that you can see on the screenshot. It does seem to enable the full-screen mode but the controls are in the wrong place and the video itself is not expanded. What could be the problem?
Try to set width and height for video tag 100%
I have a proplem with my Menu toolbar, When I hover menu, it leaves a black background until refresh page. It is reproducible only in Chrome.
Image Error Description
I had the same issue with a flash video on my extjs 4 application.
What fixed it was setting hideMode to 'display' on the menu.
The problem is with Chrome 27.x. A workaround for that: disable Chrome's hardware acceleration when available.
Go to Chrome's settings -> Show advanced settings... -> uncheck the "Use hardware acceleration when available" and restart browser.
Worked for me...
I have a 'silverlight RIA' app with a customized splash screen with an image.
Everything seems work fine on my client side.
The problem starts after I deploy it on the server. My image is not shown anymore!
First of all, I had problems with showing the splash screen. But, after I changed the property of 'splashscreen.xaml' to "content" it became OK! But still it doesn't show the image after deploy!
Any suggestions on what's wrong and how can that be corrected?
You should start the url of the image by ../
I'm having a problem with IE7 when clicking on images that open up using the Lightbox 2 javascript image viewer. Instead of overlaying the image on the current page it opens the image into a separate page.
Not sure if this is an AJAX problem possibly ? Works fine in Firefox.
Anybody else come across this before ?
Your page is performing the fall-back behaviour you would expect in the following scenarios...
JavaScript is disabled
There is an error in the JavaScript that is creating the lightbox effect (look out for a very brief flash of the yellow error icon before the next page loads - or fire up some dev tools)
There is a JavaScript error on the page before the image is clicked, which has stopped execution of JavaScript on the page (look out for the yellow error icon in the status bar again!)
The only thing I can think of is that I have google toolbar amd McAfee security installed that may be blocking the overlay (????) but don't think that should make any difference.