Text Chopped in selectboxit-text

[thatryan]

The class selectboxit-text is being set to max-width of 70px on all elements, and is cutting of some text. What can cause this?

[gfranko]

In the js, we are setting a dynamic max-width here. Do you have a public url for me to look at?

[thatryan]

Sadly not a public link yet, sorry.
I see how it is getting generated yeah, I just could not find why it was always choosing a 70px max-width regardless of size. The select elements have no set size.. all just at 100%.. Could that affect it at all somehow?

[gfranko]

Have you removed the .selectboxit width CSS attribute? SelectBoxIt currently only works automatically when you define an exact width within your CSS. If you remove the width style, then jQuery does not correctly calculate the auto width and the max-width property is incorrect.

[gfranko]

SelectBoxIt v3.3.0 improved how it calculates the width, so this issue should now be fixed!

[jennift]

seems like the problem still exist:
when .selectboxit-container { width:100%;} is used, the code

self.dropdownText.css({
"max-width": self.dropdownContainer.width() - (self.downArrowContainer.outerWidth(true) + self.dropdownImage.outerWidth(true))
});

takes the value of 100 - 30 = 70px;
unfortunately it does not accept % values.

methinks.