| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Setting selection through APIs does not focus unless selection is inside the text control.</title> |
| </head> |
| <body> |
| <p>Setting selection through APIs does not focus unless selection is inside the text control.</p> |
| <input id="input" value="XXXXXXXX"> |
| <textarea id="textarea">XXXXXXXX</textarea> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script> |
| function testSetSelectionRange(element, expectFocus) { |
| const selection = window.getSelection(); |
| selection.removeAllRanges(); |
| element.setSelectionRange(null, null); |
| assert_equals(document.activeElement == element, expectFocus, `Element is should ${!expectFocus ? "not " : ""}be focused`); |
| assert_equals(element.selectionStart, 0, "selectionStart is correctly set"); |
| assert_equals(element.selectionStart, 0, "selectionEnd is correctly set"); |
| element.setSelectionRange(2, 4); |
| assert_equals(document.activeElement == element, expectFocus, `Element is should ${!expectFocus ? "not " : ""}be focused`); |
| assert_equals(element.selectionStart, 2, "selectionStart is correctly set"); |
| assert_equals(element.selectionEnd, 4, "selectionEnd is correctly set"); |
| } |
| function testSelectionStartEnd(element, expectFocus) { |
| element.selectionStart = 3; |
| element.selectionEnd = 5; |
| assert_equals(document.activeElement == element, expectFocus, `Element is should ${!expectFocus ? "not " : ""}be focused`); |
| assert_equals(element.selectionStart, 3, "selectionStart is correctly set"); |
| assert_equals(element.selectionEnd, 5, "selectionEnd is correctly set"); |
| } |
| |
| function testSetRangeText(element, expectFocus) { |
| element.setRangeText('barrr', 0, 3, 'select'); |
| assert_equals(document.activeElement == element, expectFocus, `Element is should ${!expectFocus ? "not " : ""}be focused`); |
| } |
| |
| test(t => { |
| t.add_cleanup(() => { input.blur(); textarea.blur(); getSelection().removeAllRanges(); }); |
| testSetSelectionRange(input, false); |
| testSetSelectionRange(textarea, false); |
| input.focus(); |
| testSetSelectionRange(input, true); |
| textarea.focus(); |
| testSetSelectionRange(textarea, true); |
| }, "setSelectionRange does not focus unless selection is inside the text control."); |
| |
| test(t => { |
| t.add_cleanup(() => { input.blur(); textarea.blur(); getSelection().removeAllRanges(); }); |
| testSelectionStartEnd(input, false); |
| testSelectionStartEnd(textarea, false); |
| input.focus(); |
| testSelectionStartEnd(input, true); |
| textarea.focus(); |
| testSelectionStartEnd(textarea, true); |
| }, "selectionStart/selectionEnd does not focus unless selection is inside the text control."); |
| |
| test(t => { |
| t.add_cleanup(() => { input.blur(); textarea.blur(); getSelection().removeAllRanges(); }); |
| testSetRangeText(input, false); |
| testSetRangeText(textarea, false); |
| input.focus(); |
| testSetRangeText(input, true); |
| textarea.focus(); |
| testSetRangeText(textarea, true); |
| }, "setRangeText does not focus unless selection is inside the text control."); |
| </script> |
| </body> |
| </html> |
