<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - <select multiple> box need support for Horizontal and Vertical scroll in webkit browser"
href="https://bugs.webkit.org/show_bug.cgi?id=168902">168902</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td><select multiple> box need support for Horizontal and Vertical scroll in webkit browser
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Local Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Other
</td>
</tr>
<tr>
<th>OS</th>
<td>Other
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>prakash.ac05@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>i have select box option label as long text, so need to show full name with Horizontal and Vertical scroll bar. in normal browsers chrome or Firefox and all support Horizontal and Vertical scroll bar. But webkit browser not supported. Below is my code, please help me for this support.
Thanks & Regards,
Prakash kumar S
<select id="lstUSBSelect" multiple style="overflow-x:scroll;overflow-y:auto;width:210px;height: 100px;">
<option value="1" style="word-wrap: break-word;white-space: normal;">SnapvdiBackupLongNameLongNameLonoooooooooooooooooooooooooooo</option>
<option value="1">SnapvdiBackupLo</option>
<option value="2">BBBBBBBBBBBBBBB</option>
<option value="3">CCCCCCCCCCCCCCC</option>
<option value="1">DDDDDDDDDDDDDDD</option>
<option value="2">SnapvdiBackupLo</option>
<option value="3">FFFFFFFFFFFFFFF</option>
</select></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>