panel with an html <select> form gets cropped off

[mecdos]

Hello,

i'm wanna have a <select> form to choose from a long list of options, but my list gets cut off at the bottom edge of my panel. in a browser the list floats out of the browser window and if it doesn't fit in the screen, then it becomes scrollable. But in Illustrator it just ends at the edge of the panel.

i have made this script with a js panel and it works as expected. however i'm trying to make it into an extension and i can't get past this little issue.

i know i can do a scrolling list box but that takes up more real state and it's not ideal. it's harder to find your selection and harder to scroll. i really want to have a select form.

anyway, if anyone has any ideas on a workaround that would be appreciated. thank you

i'm on cc 2015 on mac.

[Qwertyfly___]

it works fine for me.

I am on a PC.

sorry about the repeating list..

[mecdos]

bah, that's how it should be. i checked and double checked my overflows. i can't figure it out.

anyone with a mac have the same issue?

[Qwertyfly___]

I'm new to extensions so I'm not sure.

I tried adding a max size to my panel and it still overflows fine.

did you build the select with JS or is it straight HTML?

what if you just add this to the index.html, does that work???

<select>





<option value="volvo">Volvo</option>





<option value="saab">Saab</option>





<option value="mercedes">Mercedes</option>





<option value="audi">Audi</option>





<option value="vwolvo">Volvo</option>





<option value="swaab">Saab</option>





<option value="mewrcedes">Mercedes</option>





<option value="awudi">Audi</option>





<option value="volevo">Volvo</option>





<option value="sarab">Saab</option>





<option value="metrcedes">Mercedes</option>





<option value="auydi">Audi</option>





<option value="volivo">Volvo</option>





<option value="sauab">Saab</option>





<option value="merocedes">Mercedes</option>





<option value="audpi">Audi</option>





<option value="voavo">Volvo</option>





<option value="sasab">Saab</option>





<option value="meffrcedes">Mercedes</option>





<option value="aubdi">Audi</option>




</select>

edit:

ok so rawhtml is not a syntax highlighter... LOL

		<select>
			<option value="volvo">Volvo</option>
			<option value="saab">Saab</option>
			<option value="mercedes">Mercedes</option>
			<option value="audi">Audi</option>
			<option value="vwolvo">Volvo</option>
			<option value="swaab">Saab</option>
			<option value="mewrcedes">Mercedes</option>
			<option value="awudi">Audi</option>
			<option value="volevo">Volvo</option>
			<option value="sarab">Saab</option>
			<option value="metrcedes">Mercedes</option>
			<option value="auydi">Audi</option>
			<option value="volivo">Volvo</option>
			<option value="sauab">Saab</option>
			<option value="merocedes">Mercedes</option>
			<option value="audpi">Audi</option>
			<option value="voavo">Volvo</option>
			<option value="sasab">Saab</option>
			<option value="meffrcedes">Mercedes</option>
			<option value="aubdi">Audi</option>
		</select>

[Ten A]

Probably, Its limitation or bug in OSX.

If I need to select from long list, Make Extendscripts ScriptUI interface and pass result to V8 Engine.

[mecdos]

i built it with straight html.

[Qwertyfly___ · Accepted solution]

has me a bit stumped. and I don't have a mac I can test on.

would the size attribute offer a workaround?

it will then lock it to a set number of displayed options, adding a scroll bar to access the others.

not ideal but may be an option...

<select size="3">

[mecdos]

that's what i currently have as a workaround, but i don't like it functionally. it might be a bug on mac because i just tried it on a couple computers at work and they display the same on different osx versions and illustrator versions.

i might do what Ten A suggests and call a JS panel to bring up a popup list. i'm already having to juggle info back and forth anyway because i'm using unitValue() a lot which doesn't seem to work in the html panel.

i was tempted to do a native plugin but i can wrap my head around it.

[Qwertyfly___]

it's a crying shame to have to revert to calling a separate JS to display a menu, and then have to deal with passing values etc..

the built in select form is so clean and simple in comparison.

if you want me to test your code out on a PC to help confirm if it is an OSX issue I would be happy to help.

[mecdos]

thanks for the offer qwertyfly. i got access to a couple pcs and tried it out and they work. it is a mac issue. it's specially sad because the default mac select box is so pretty and i can't use it. i decided to go with the scrolling option.

i tried calling js panel from extendscript and it wasn't bad. but the calls back and forth got tedious and i ended up with too many nested callbacks.

[CarlosCanto]

That's the problem with macs, they're just pretty...let the war begin

[mec_os]

considering the bulk of my income comes from making things pretty, it would be hypocritical to hold that against my mac.

[Qwertyfly___]

since the powerPC was retired and intel took its place, the difference between Mac and PC has got a lot smaller.

so now the larger price tag on Apple computers is all about how pretty they are.

So there is a simple fix to get the select box to work as desired.

all you need to do is install windows.

you get to keep your pretty box, and you could put a Mac skin on the WinOS so you won't know the difference...

(have I poked the bear hard enough now to wake him up?)

[CarlosCanto]

no, the mac vs win wars stopped long ago...I was trying to be funny, nothing against mac or mac users, I do acknowledge apple makes beautiful products.

[Qwertyfly___]

I was just pushing for a bite.

Mac are pretty, and apple does I nice job one the design of there products.

I own quite a few apple products.

I do use PC for all my desktops and laptops as mac does not support all the software I use.

and (personal preference) I am not a fan of the Mac OS. though it does have a few features I wish windows included...

I have nothing against (most) Macsters.

It's not there fault after all.

Now is the bear awake?