Clickable areas of input fields not 100% of the div width

Dear all,

I experiences some difficulties with the clickable areas of input fields (: ‘text areas’ and ‘drop down menus’). Standard, the clickable area is about 60% of the area. When I set style="width:100%" it works fine. I don’t know if this is a bug?


Peter, please be more descriptive. If you can, show some code / screenshots.

Sorry, that would have been more sympathetic indeed.

Here the relevant code --for a drop-down menu–with the div width explicitly set to 100%:


<div class="item-inner">
            <div class="item-title item-label"></div>
            <div class="item-input-wrap input-dropdown-wrap">
            <select class="question" style="width:100%" name="q5sa" id="q5sa" placeholder="">
                <option disabled="" selected="" value=""> -- Kies een antwoord -- </option>
                <option value="ZO">Zeer onwaarschijnlijk</option>
                <option value="O">Onwaarschijnlijk</option>
                <option value="NE">Neutraal</option>
                <option value="WA">Waarschijnlijk</option>
                <option value="ZW">Zeer waarschijnlijk</option>

and screenshot



Without the 100% width, the clickable area ‘ends’ just after the two dashes in "–Kies een antwoord–); with the 100% width, the clickable area fills the complete ‘row’, including the arrow-down symbol (so without the 100% width, clicking on the arrow has no effect.


If more code is needed, let me know.

Is it inside a <div class="list"></div>? I have had no problem with this, so I suspect this is the problem.

1 Like