Focused mini text input within grid lacks right border

[saulojg]

Issue description

When using an input text field with attribute data-mini="true" within a 3-column grid, the right (blueish) border isn't quite visible

jQuery Mobile and jQuery core version used

jquery-1.10.2
jquery.mobile-1.4.0-rc.1

Test page

http://jsbin.com/ofuhaw/1045/edit

Steps to reproduce

Either see the test page with FF/Chrome latest or use the following code

Cantidad

Expected outcome

Right border should be visible when input gets focus

Actual outcome

Right border is not visible when input gets focus

Platforms/browsers (including version) and devices tested

Firefox 25.0.1 and Chrome 31.0.1650.63 (latest)

Other relevant information, e.g. using PhoneGap

Nothing else

[jaspermdegroot]

Mini size isn't relevant. This also happens with fullsize inputs.
The cause is that we set overflow: hidden for the grid container. We do that to give the container height which it otherwise won't have because all the children are floating.
We could look into using a clearfix instead of overflow hidden.

Reopening because the actual problem hasn't been fixed.