Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Long option element in Select breaks (pushes out) layout on mobile Re: Long option element in Select breaks (pushes out) layout on mobile

#122940
grimski
Participant

Bizarrely or _not_… I think I’ve fixed this.

First, I added a fixed pixel width onto the select with !important and that seemed to stop the horizontal scroll I was having. But I would prefer a bit more flexibility with a percentage width if possible – so I removed this in search of another way…

Then with the CSS how it was previously, I added box-sizing: border-box; onto the fieldset which _seems_ to of fixed the problem?

Thanks for all your help guys, hopefully this helps someone else in the future!

A bit of a parting shot… on my design the checkboxes/radio buttons are just light shaded grey boxes or circles on the iphone. I take it a border style will add something to this. Can you style the tick or dot for the selected state inside?