search

mobify / mobify-modules

DEPRECATED! See https://github.com/mobify/mobify.github.io
23 stars 9 forks source link

Input element with the carousel module #18

Open daver182 opened 11 years ago

daver182 commented 11 years ago

The input fields dont work with the carousel module, so I just put a condition if the target is an Input. It's this the right approach? Or maybe I'm doing something wrong?

tedtate commented 11 years ago

Hi Dave,

Do you have an example of what you are trying to do that you could post here? Are you having issues on multiple browsers/devices or is this a device specific issue?

daver182 commented 11 years ago

Hi, thanks for the reply. My code is very simple, I just put an "input" with the type "text" in the carousel, then I tested in my browser, Chrome 28, the carousel effect works fine but I cant use the input, I mean, I cant enter text in the element.

Something like this:

<div class="m-carousel m-fluid m-carousel-photos" id="m-carousel-example-4">
    <div class="m-carousel-inner">
        <div class="m-item">
            <div><input type="text" /></div>
        </div>
        <div class="m-item">
            <img src="/mobify-modules/static/img/modules/glacier.jpg">
        </div>
    </div>
    <div class="m-carousel-controls m-carousel-bulleted">
        <a href="#" data-slide="1">1</a>
        <a href="#" data-slide="2">2</a>
    </div>
</div>

Extracted from the original source
josephinex commented 10 years ago

I think z-index should have solved the problem, at least it solved mine.