Home/ Questions/Q 160929
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T11:07:20+00:00

The following javascript to resize a select list breaks in Google Chrome. It works

  • 0

The following javascript to resize a select list breaks in Google Chrome. It works when tabbing into the field, but clicking on it results in the ‘Aw, Snap!’ error page.

<select onfocus='this.setAttribute('size', 3);'> <option>selectList with onfocus</option> <option>2</option> <option>3</option> <option>4</option> </select>

Works fine in FF and IE. It’s some kind of conflict between onfocus (there’s no problems if I implement it onClick) and setting the size attribute. I’m told it breaks in Safari too.

Any assistance, ideas or workarounds are greatly appreciated.

(P.S. Yeh I know it’s not very nice form to resize a select list, but it’s what the boss/client wants)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Change the line with the select to this:

    <select onfocus='var that = this; setTimeout(function() {that.setAttribute('size', 3);}, 0);'>

    It works for me in Chrome. I haven’t tried in Safari but I suspect it will work as well. Basically all we do here is escaping the call stack with setTimeout, which appears to get around the bug in Webkit.

    • 0