Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Webkit select bug</title>
</head>
<body>
  
<h1>Webkit Select BUG</h1>
<select multiple id="options" size="10" style="width:50px">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
    <option value="d">d</option>
    <option value="e">e</option>
    <option value="f">f</option>
    <option value="g">g</option>
    <option value="h">h</option>
    <option value="i">i</option>
    <option value="i">j</option>
</select>
<h2>Steps to reproduce:</h2>
<ol>
  <li>Select option with mouse (eg. c)</li>
  <li>Press keyboard key to jump to another option (eg. h)</li>
  <li>Hold shift and select another option (eg. shift + arrow down)</li>
  <li>Observe: selection is now [c,h,i]</li>
  <li>Expected selection was [h,i]</li>
</ol>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers