LayoutTests/fast/forms/focus-selection-input.html - Issue 222023002: focus() behaviour differs depending on how value is set

Side by Side Diff: LayoutTests/fast/forms/focus-selection-input.html

Issue 222023002: focus() behaviour differs depending on how value is set (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Fixing selection handling of 'value' HTML attribute by initializing m_cachedSelection{Start,End} wi… Created 6 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« LayoutTests/TestExpectations ('K') | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/forms/focus-selection-input-expected.txt » ('j') | LayoutTests/fast/forms/input-double-click-selection-gap-bug.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <body onload="runTest()">	1 <body onload="runTest()">

2 <script src="../../resources/js-test.js"></script>	2 <script src="../../resources/js-test.js"></script>

3	3

4 <script>	4 <script>

5 function runTest()	5 function runTest()

6 {	6 {

7 if (!window.testRunner)	7 if (!window.testRunner)

8 return;	8 return;

9	9

10 var accessKeyModifiers = ["altKey"];	10 var accessKeyModifiers = ["altKey"];

(...skipping 124 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
135 <input type="text" id="fifth" value="FAILURE or SUCCESS">	135 <input type="text" id="fifth" value="FAILURE or SUCCESS">

136 <script>	136 <script>

137 var second = document.getElementById("fifth");	137 var second = document.getElementById("fifth");

138 fifth.focus();	138 fifth.focus();

139 fifth.setSelectionRange(11, 18);	139 fifth.setSelectionRange(11, 18);

140 fifth.blur();	140 fifth.blur();

141 </script>	141 </script>

142	142

143 <br>	143 <br>

144	144

145 6) <label id="sixthLabel" for="sixth" accesskey="u">Hit Ctrl-Option-U (or Alt-U on Windows), the whole phrase "SUCCESS and SUCCESS" should be selected:</label>	145 6) <label id="sixthLabel" for="sixth" accesskey="u">Hit Ctrl-Option-U (or Alt-U on Windows), nothing should be selected:</label>

146 <input type="text" id="sixth" value="SUCCESS and SUCCESS">	146 <input type="text" id="sixth" value="SUCCESS and SUCCESS">

147 <script>	147 <script>

148 var sixth = document.getElementById("sixth");	148 var sixth = document.getElementById("sixth");

149 sixth.focus();	149 sixth.focus();

150 sixth.setSelectionRange(12, 19);	150 sixth.setSelectionRange(12, 19);

151 sixth.blur();	151 sixth.blur();

152 </script>	152 </script>

153	153

154 <br>	154 <br>

155	155

156 7) <input type="button" onclick="document.getElementById('seventhLabel').focus() " value="Click this button"><label id="seventhLabel" for="seventh">, only the wo rd "SUCCESS" should be selected:</label>	156 7) <input type="button" onclick="document.getElementById('seventhLabel').focus() " value="Click this button"><label id="seventhLabel" for="seventh">, only the wo rd "SUCCESS" should be selected:</label>

157 <input type="text" id="seventh" value="FAILURE or SUCCESS">	157 <input type="text" id="seventh" value="FAILURE or SUCCESS">

158 <script>	158 <script>

159 var seventh = document.getElementById("seventh");	159 var seventh = document.getElementById("seventh");

160 seventh.focus();	160 seventh.focus();

161 seventh.setSelectionRange(11, 18);	161 seventh.setSelectionRange(11, 18);

162 seventh.blur();	162 seventh.blur();

163 </script>	163 </script>

164	164

165 <br>	165 <br>

166	166

167 8) <input type="button" onclick="document.getElementById('eighthLegend').focus() " value="Click this button">	167 8) <input type="button" onclick="document.getElementById('eighthLegend').focus() " value="Click this button">

168 <fieldset>	168 <fieldset>

169 <legend id="eighthLegend">, the whole phrase "SUCCESS and SUCCESS" should be sel ected:</legend>	169 <legend id="eighthLegend">, nothing should be selected:</legend>

170 <input type="text" id="eighth" value="SUCCESS and SUCCESS">	170 <input type="text" id="eighth" value="SUCCESS and SUCCESS">

171 <script>	171 <script>

172 var eighth = document.getElementById("eighth");	172 var eighth = document.getElementById("eighth");

173 eighth.focus();	173 eighth.focus();

174 eighth.setSelectionRange(12, 19);	174 eighth.setSelectionRange(12, 19);

175 eighth.blur();	175 eighth.blur();

176 </script>	176 </script>

177 </fieldset>	177 </fieldset>

178 <br>	178 <br>

179	179

180	180

181 9) <fieldset>	181 9) <fieldset>

182 <legend id="eighthLegend" accesskey="i">Hit Ctrl-Option-I (or Alt-I on Windows), the whole phrase "SUCCESS and SUCCESS" should be selected:</legend>	182 <legend id="eighthLegend" accesskey="i">Hit Ctrl-Option-I (or Alt-I on Windows), nothing should be selected:</legend>

183 <input type="text" id="ninth" value="SUCCESS and SUCCESS">	183 <input type="text" id="ninth" value="SUCCESS and SUCCESS">

184 <script>	184 <script>

185 var ninth = document.getElementById("ninth");	185 var ninth = document.getElementById("ninth");

186 ninth.focus();	186 ninth.focus();

187 ninth.setSelectionRange(12, 19);	187 ninth.setSelectionRange(12, 19);

188 ninth.blur();	188 ninth.blur();

189 </script>	189 </script>

190 </fieldset>	190 </fieldset>

191 <br>	191 <br>

192	192

193 <p id="description"></p>	193 <p id="description"></p>

194 <div id="console"></div>	194 <div id="console"></div>

195	195

196 </body>	196 </body>

OLD	NEW