Comments (6)
Hi @RichardAtWork, could you provide a working example or at least a screenshot what error happens?
from css-modal.
Screenshot would be awesome. Sadly I don't own an iPhone 5. It works great on 4S (except the problems ok #31 and #32).
Did you do any modifications to the modal? Code would be great too.
from css-modal.
I'll try it on a 4S, I got upgraded by my employer… I'll get you a screenshot.
Here's the code for one of the modals - all I changed was the labels (I'm using the modals as lightweight slideshows). The media queries are all unaltered - I had a go at changing the max/min em values but it didn't seem to have any effect.
One thing did occur to me, to wrap the slideshow in a div to control the scaling, but that's already driven by flexsilder.js and behaves in everything else?
FYI, also does the same thing on Blackberry (Curve).
Sorry of the bother, I know IOS is a pain...
<!-- modal -->
<!-- Call the modal by clicking this link -->
<a href="#modal-text1" class="call-modal" title="Clicking this link shows the modal">Tell me about Volvo</a>
<!-- A modal with its content -->
<section class="semantic-content" id="modal-text1"
tabindex="-1" role="dialog" aria-labelledby="modal-label1" aria-hidden="true">
<div class="modal-inner">
<header>
<h2 id="modal-label1">Volvo Europe</h2>
</header>
<div class="modal-content">
<p><div class="flexslider">
<ul class="slides">
<li> <img src="images/sliderExample1.jpg" /> </li>
<li> <img src="images/sliderExample2.jpg" /> </li>
<li> <img src="images/sliderExample3.jpg" /> </li>
</ul>
</div></p>
</div>
<footer>
<p>Commissioned in early 2011, Meda have be working with Volvo to deliver an experience strategy, aligning places, people and messages across the network, with the aim of creating a more effective - and carefully planned – retail sales and service environment.</p>
<h6 class="icon icon-envelope"><a href="mailto:[email protected]?subject=The Volvo Europe Project on your website"><br>
Get in touch about this project</a></h6>
</footer>
</div>
<!-- Use Hash-Bang to maintain scroll position when closing modal -->
<a href="#!" class="modal-close" title="Close this modal"
data-dismiss="modal">×</a>
</section>
<!-- /modal -->
from css-modal.
Hey, sure, thanks for the quick response. A (very rough and ready) experimental build is here http://www.medadesign.co.uk/responsive/index.html.
from css-modal.
Well, I can confirm that somehow on my iPhone5 but this rather looks like a general issue with the site on mobile. Maybe another script is catching calls? I don't have the time to dig in deeper right now, sorry. Maybe in the next days…
from css-modal.
Hey, thanks for taking a look anyway. I'll keep testing and let you know if I find the fix.
from css-modal.
Related Issues (20)
- Strange scrolling bug HOT 2
- Drop IE8 and Android 2 with next version HOT 1
- data-iframe-src HOT 1
- Scrolling issue on Android 5.0 HOT 3
- Namespace data-attributes
- Incorrect function calls - modal.js HOT 1
- <iframe> breaks the js HOT 2
- Question: modal height when using more than one div and JS
- AMD pattern nested inside
- Closing stackable modals
- ".modal-content" spacing inconsistencies
- Release latest version on npm HOT 1
- modal w/form & input fields shifts out of view when keyboard opens [iPhone-only] HOT 2
- Event handlers not registering properly
- Unnecessary scrollbar HOT 2
- Download v1.4.0 HOT 4
- html overflow property HOT 1
- video keeps playing after close HOT 5
- cssmodal:show / cssmodal:hide dialog reference in event HOT 2
- css bug! HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from css-modal.