Controlgroup horizontal in Field container on very narrow < 28em screens is shown as vertical.

[slavap]

This bug can be fixed by the following CSS:

@media (max-width: 27.95em) {
  .ui-field-contain .ui-controlgroup-horizontal .ui-controlgroup-controls {
    display: block;
  }
}

[jaspermdegroot]

@slavap

Thanks for reporting the issue. Can you please provide a simple test case that illustrates the problem. See the contributing guidelines for our JS Bin template and instructions. Thanks!

[slavap]

Test case: http://jsbin.com/acIRUBo/57/edit

[gabrielschulhof]

Removing incomplete status.

TBH, I'm not sure whether it's better to switch to vertical mode right away, which is what happens with the CSS commented out, or whether it's better to retain horizontal mode for as long as possible and then gradually wrap each button. I'm inclined to prefer the way things are now, where the controlgroup turns entirely vertical below the threshold. We do, however, need to fix the borders, from the looks of things.

[slavap]

Of course it's better to retain horizontal mode for as long as possible (based on content actually, but it's hard to achieve with CSS only). Behavior when the controlgroup turns entirely vertical below the threshold is quite bad solution, at least it must be possible to control threshold with attributes or classes.

[arschmitz]

The controlgroup widget is being replaced by ui one in 1.5 im closing this