| <!DOCTYPE html> |
| <style> |
| .min-content { |
| width: 1px; |
| min-width: -webkit-min-content; |
| min-width: -moz-min-content; |
| min-width: -ie-min-content; |
| min-width: -o-min-content; |
| min-width: min-content; |
| } |
| .max-content { |
| width: 1px; |
| min-width: -webkit-max-content; |
| min-width: -moz-max-content; |
| min-width: -ie-max-content; |
| min-width: -o-max-content; |
| min-width: max-content; |
| } |
| .fit-content { |
| width: 1px; |
| min-width: -webkit-fit-content; |
| min-width: -moz-fit-content; |
| min-width: -ie-fit-content; |
| min-width: -o-fit-content; |
| min-width: fit-content; |
| } |
| select { |
| outline: 2px solid; |
| margin: 0; |
| } |
| </style> |
| <body> |
| <p>Check that min-width intrinsic size still applies if a fixed width is set.</p> |
| |
| <select multiple class="min-content"></select> |
| |
| <select multiple class="max-content"></select> |
| |
| <select multiple class="fit-content"></select> |
| |
| <div style="width: 30px"> |
| <select multiple class="fit-content"></select> |
| </div> |
| |
| <div style="width: 10px"> |
| <select multiple class="fit-content"></select> |
| </div> |
| |
| </body> |
