html - Cursor property on select element (conflit with two <select> elements - IE11 and Edge only) -


i have problem how browser (ms edge) uses css "cursor" property have set on 2 select elements on page. (see example below).

the first select element have "cursor" property set "pointer". second select element have "cursor" set "not-allowed". second select element positioning under first select.

when user tries select option in first select, each option of first select located on top of second select uses "not-allowed" cursor instead of "pointer" value.

the problem exist in edge , ie11; in chrome or firefox rendering good.

<!doctype html> <html>     <head>         <title>demo</title>     </head>     <body>         liste 1         <select style="cursor:pointer">             <option value="1">1</option>             <option value="1">2</option>             <option value="1">3</option>             <option value="1">4</option>         </select>         <br/>         liste 2         <select style="cursor:not-allowed">             <option value="1">1</option>             <option value="1">2</option>             <option value="1">3</option>             <option value="1">4</option>         </select>         <br/>     </body> </html> 

just in case, have opened bug on microsoft edge issues page: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11422391/


Comments

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

c# - Selenium Authentication Popup preventing driver close or quit -

tensorflow when input_data MNIST_data , zlib.error: Error -3 while decompressing: invalid block type -