[Solved] Dynamically loading Options and wrapping content

[ESDictor]

I have a portion of a form with a series of Questions/Answers, some of which are SELECT dropdowns. These are loaded with a single “dummy” OPTION, and the actual options are then loaded by an ajax call.

One of these is now causing some wrapping to occur. I have mocked up the situation in this codepen (I’m not sure how to embed that unfortunately): http://codepen.io/esdictor/pen/wBKyzv

Clicking the “Click Me!” button will emulate the loading of a long item that causes the wrapping.

Thanks in advance for any help, and feel free to tell me how to embed my codepen here :)

Evan

[Paulie_D]

Can’t you just center?

http://codepen.io/Paulie-D/pen/pvjaLP

[ESDictor]

Can’t you just center?

Unfortunately, I can’t the question/answer pairs are in a dockable “strip” on the left side of the page. The questions are right-aligned next to the left-aligned answers.

I wish it were that simple for me. I need to come up with a way to stop the content from wrapping in the li tag.

Evan

[Paulie_D]

Well you could put a max width on the select…it won’t affect the options which will be a wide as they need to be.

http://codepen.io/Paulie-D/pen/vENdoY

Not sure there is a ‘complete’ answer given the limitations you’re imposing.

[ESDictor]

I’d be fine with scrollbars if that helps.

Evan

[Paulie_D]

I’d be fine with scrollbars if that helps.

Not really.

[ESDictor]

Not really.

Yeah .. that’s what I was getting through my own experimentation trying to fix this. I can’t help but think there’s gotta be a way though (ever the optimist!).

Evan

[Paulie_D]

Then again.

http://codepen.io/Paulie-D/pen/pvjLvp

[ESDictor]

Still working on getting this to work correctly in my application, but it certainly works how I need in codepen.

Not sure how to mark the question as solved, but it is.

[Author]

Posts