wpt / css / css-writing-modes / forms / select-multiple-appearance-native-horizontal.optional.html

Status: FAIL | Duration: 8ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRef (mismatch)Test SourceRef Source

/css/css-writing-modes/forms/select-multiple-appearance-native-horizontal.optional.html

<!DOCTYPE html>
<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
<link rel="help" href="https://html.spec.whatwg.org/#the-select-element">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#block-flow">
<title>native select[multiple] in horizontal writing mode</title>
<meta charset="utf-8">
<link rel="mismatch" href="select-multiple-appearance-native-vlr.optional.html">
<link rel="mismatch" href="select-multiple-appearance-none-vlr.optional.html">
<link rel="mismatch" href="select-multiple-appearance-native-vrl.optional.html">
<link rel="mismatch" href="select-multiple-appearance-none-vrl.optional.html">

<!-- Note test description should be the same across all files to mismatch on. -->
<p>The select below should match the correct writing mode.</p>
<select multiple>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
    <option>Option 5</option>
    <option>Option 6</option>
    <option>Option 7</option>
    <option>Option 8</option>
    <option>Option 9</option>
    <option>Option 10</option>
    <option>Option 11</option>
    <option>Option 12</option>
    <option>Option 13</option>
    <option>Option 14</option>
    <option>Option 15</option>
    <option>Option 16</option>
    <option>Option 17</option>
    <option>Option 18</option>
    <option>Option 19</option>
    <option>Option 20</option>
    <option>Option 21</option>
    <option>Option 22</option>
    <option>Option 23</option>
    <option>Option 24</option>
    <option>Option 25</option>
    <option>Option 26</option>
    <option>Option 27</option>
    <option>Option 28</option>
    <option>Option 29</option>
    <option>Option 30</option>
    <option>Option 31</option>
    <option>Option 32</option>
    <option>Option 33</option>
    <option>Option 34</option>
    <option>Option 35</option>
    <option>Option 36</option>
    <option>Option 37</option>
    <option>Option 38</option>
    <option>Option 39</option>
    <option>Option 40</option>
    <option>Option 41</option>
    <option>Option 42</option>
    <option>Option 43</option>
    <option>Option 44</option>
    <option>Option 45</option>
    <option>Option 46</option>
    <option>Option 47</option>
    <option>Option 48</option>
    <option>Option 49</option>
    <option>Option 50</option>
    <option>Option 51</option>
    <option>Option 52</option>
    <option>Option 53</option>
    <option>Option 54</option>
    <option>Option 55</option>
    <option>Option 56</option>
    <option>Option 57</option>
    <option>Option 58</option>
    <option>Option 59</option>
    <option>Option 60</option>
    <option>Option 61</option>
    <option>Option 62</option>
    <option>Option 63</option>
    <option>Option 64</option>
    <option>Option 65</option>
    <option>Option 66</option>
    <option>Option 67</option>
    <option>Option 68</option>
    <option>Option 69</option>
    <option>Option 70</option>
    <option>Option 71</option>
    <option>Option 72</option>
    <option>Option 73</option>
    <option>Option 74</option>
    <option>Option 75</option>
    <option>Option 76</option>
    <option>Option 77</option>
    <option>Option 78</option>
    <option>Option 79</option>
    <option>Option 80</option>
    <option>Option 81</option>
    <option>Option 82</option>
    <option>Option 83</option>
    <option>Option 84</option>
    <option>Option 85</option>
    <option>Option 86</option>
    <option>Option 87</option>
    <option>Option 88</option>
    <option>Option 89</option>
    <option>Option 90</option>
    <option>Option 91</option>
    <option>Option 92</option>
    <option>Option 93</option>
    <option>Option 94</option>
    <option>Option 95</option>
    <option>Option 96</option>
    <option>Option 97</option>
    <option>Option 98</option>
    <option>Option 99</option>
    <option>Option 100</option>
</select>

/css/css-writing-modes/forms/select-multiple-appearance-native-vlr.optional.html

<!DOCTYPE html>
<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
<link rel="help" href="https://html.spec.whatwg.org/#the-select-element">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#block-flow">
<title>native select[multiple] in vertical writing mode</title>
<meta charset="utf-8">
<link rel="mismatch" href="select-multiple-appearance-native-horizontal.optional.html">
<link rel="mismatch" href="select-multiple-appearance-none-horizontal.optional.html">
<link rel="mismatch" href="select-multiple-appearance-native-vrl.optional.html">
<link rel="mismatch" href="select-multiple-appearance-none-vrl.optional.html">

<!-- Note test description should be the same across all files to mismatch on. -->
<p>The select below should match the correct writing mode.</p>
<select multiple style="writing-mode: vertical-lr">
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
    <option>Option 5</option>
    <option>Option 6</option>
    <option>Option 7</option>
    <option>Option 8</option>
    <option>Option 9</option>
    <option>Option 10</option>
    <option>Option 11</option>
    <option>Option 12</option>
    <option>Option 13</option>
    <option>Option 14</option>
    <option>Option 15</option>
    <option>Option 16</option>
    <option>Option 17</option>
    <option>Option 18</option>
    <option>Option 19</option>
    <option>Option 20</option>
    <option>Option 21</option>
    <option>Option 22</option>
    <option>Option 23</option>
    <option>Option 24</option>
    <option>Option 25</option>
    <option>Option 26</option>
    <option>Option 27</option>
    <option>Option 28</option>
    <option>Option 29</option>
    <option>Option 30</option>
    <option>Option 31</option>
    <option>Option 32</option>
    <option>Option 33</option>
    <option>Option 34</option>
    <option>Option 35</option>
    <option>Option 36</option>
    <option>Option 37</option>
    <option>Option 38</option>
    <option>Option 39</option>
    <option>Option 40</option>
    <option>Option 41</option>
    <option>Option 42</option>
    <option>Option 43</option>
    <option>Option 44</option>
    <option>Option 45</option>
    <option>Option 46</option>
    <option>Option 47</option>
    <option>Option 48</option>
    <option>Option 49</option>
    <option>Option 50</option>
    <option>Option 51</option>
    <option>Option 52</option>
    <option>Option 53</option>
    <option>Option 54</option>
    <option>Option 55</option>
    <option>Option 56</option>
    <option>Option 57</option>
    <option>Option 58</option>
    <option>Option 59</option>
    <option>Option 60</option>
    <option>Option 61</option>
    <option>Option 62</option>
    <option>Option 63</option>
    <option>Option 64</option>
    <option>Option 65</option>
    <option>Option 66</option>
    <option>Option 67</option>
    <option>Option 68</option>
    <option>Option 69</option>
    <option>Option 70</option>
    <option>Option 71</option>
    <option>Option 72</option>
    <option>Option 73</option>
    <option>Option 74</option>
    <option>Option 75</option>
    <option>Option 76</option>
    <option>Option 77</option>
    <option>Option 78</option>
    <option>Option 79</option>
    <option>Option 80</option>
    <option>Option 81</option>
    <option>Option 82</option>
    <option>Option 83</option>
    <option>Option 84</option>
    <option>Option 85</option>
    <option>Option 86</option>
    <option>Option 87</option>
    <option>Option 88</option>
    <option>Option 89</option>
    <option>Option 90</option>
    <option>Option 91</option>
    <option>Option 92</option>
    <option>Option 93</option>
    <option>Option 94</option>
    <option>Option 95</option>
    <option>Option 96</option>
    <option>Option 97</option>
    <option>Option 98</option>
    <option>Option 99</option>
    <option>Option 100</option>
</select>