Input element with the carousel module

[daver182]

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]

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]

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]

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