@wordpress/dom 3.2.3 → 3.2.4

package/build-module/dom/place-caret-at-horizontal-edge.js

@@ -1,36 +1,7 @@
 /**
  * Internal dependencies
  */
-import { assertIsDefined } from '../utils/assert-is-defined';
-/**
- * Internal dependencies
- */
-
-import hiddenCaretRangeFromPoint from './hidden-caret-range-from-point';
-import isInputOrTextArea from './is-input-or-text-area';
-import isRTL from './is-rtl';
-/**
- * Gets the range to place.
- *
- * @param {HTMLElement} container Focusable element.
- * @param {boolean}     isReverse True for end, false for start.
- *
- * @return {Range|null} The range to place.
- */
-
-function getRange(container, isReverse) {
-  const {
-    ownerDocument
-  } = container; // In the case of RTL scripts, the horizontal edge is at the opposite side.
-
-  const isReverseDir = isRTL(container) ? !isReverse : isReverse;
-  const containerRect = container.getBoundingClientRect(); // When placing at the end (isReverse), find the closest range to the bottom
-  // right corner. When placing at the start, to the top left corner.
-
-  const x = isReverse ? containerRect.right - 1 : containerRect.left + 1;
-  const y = isReverseDir ? containerRect.bottom - 1 : containerRect.top + 1;
-  return hiddenCaretRangeFromPoint(ownerDocument, x, y, container);
-}
+import placeCaretAtEdge from './place-caret-at-edge';
 /**
  * Places the caret at start or end of a given element.
  *
@@ -38,57 +9,7 @@ function getRange(container, isReverse) {
  * @param {boolean}     isReverse True for end, false for start.
  */
 
-
 export default function placeCaretAtHorizontalEdge(container, isReverse) {
-  if (!container) {
-    return;
-  }
-
-  container.focus();
-
-  if (isInputOrTextArea(container)) {
-    // The element may not support selection setting.
-    if (typeof container.selectionStart !== 'number') {
-      return;
-    }
-
-    if (isReverse) {
-      container.selectionStart = container.value.length;
-      container.selectionEnd = container.value.length;
-    } else {
-      container.selectionStart = 0;
-      container.selectionEnd = 0;
-    }
-
-    return;
-  }
-
-  if (!container.isContentEditable) {
-    return;
-  }
-
-  let range = getRange(container, isReverse); // If no range range can be created or it is outside the container, the
-  // element may be out of view.
-
-  if (!range || !range.startContainer || !container.contains(range.startContainer)) {
-    container.scrollIntoView(isReverse);
-    range = getRange(container, isReverse);
-
-    if (!range || !range.startContainer || !container.contains(range.startContainer)) {
-      return;
-    }
-  }
-
-  const {
-    ownerDocument
-  } = container;
-  const {
-    defaultView
-  } = ownerDocument;
-  assertIsDefined(defaultView, 'defaultView');
-  const selection = defaultView.getSelection();
-  assertIsDefined(selection, 'selection');
-  selection.removeAllRanges();
-  selection.addRange(range);
+  return placeCaretAtEdge(container, isReverse, undefined);
 }
 //# sourceMappingURL=place-caret-at-horizontal-edge.js.map

package/build-module/dom/place-caret-at-horizontal-edge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/dom/src/dom/place-caret-at-horizontal-edge.js"],"names":["assertIsDefined","hiddenCaretRangeFromPoint","isInputOrTextArea","isRTL","getRange","container","isReverse","ownerDocument","isReverseDir","containerRect","getBoundingClientRect","x","right","left","y","bottom","top","placeCaretAtHorizontalEdge","focus","selectionStart","value","length","selectionEnd","isContentEditable","range","startContainer","contains","scrollIntoView","defaultView","selection","getSelection","removeAllRanges","addRange"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAT,QAAgC,4BAAhC;AAEA;AACA;AACA;;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,iBAAP,MAA8B,yBAA9B;AACA,OAAOC,KAAP,MAAkB,UAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAmBC,SAAnB,EAA8BC,SAA9B,EAA0C;AACzC,QAAM;AAAEC,IAAAA;AAAF,MAAoBF,SAA1B,CADyC,CAEzC;;AACA,QAAMG,YAAY,GAAGL,KAAK,CAAEE,SAAF,CAAL,GAAqB,CAAEC,SAAvB,GAAmCA,SAAxD;AACA,QAAMG,aAAa,GAAGJ,SAAS,CAACK,qBAAV,EAAtB,CAJyC,CAKzC;AACA;;AACA,QAAMC,CAAC,GAAGL,SAAS,GAAGG,aAAa,CAACG,KAAd,GAAsB,CAAzB,GAA6BH,aAAa,CAACI,IAAd,GAAqB,CAArE;AACA,QAAMC,CAAC,GAAGN,YAAY,GAAGC,aAAa,CAACM,MAAd,GAAuB,CAA1B,GAA8BN,aAAa,CAACO,GAAd,GAAoB,CAAxE;AACA,SAAOf,yBAAyB,CAAEM,aAAF,EAAiBI,CAAjB,EAAoBG,CAApB,EAAuBT,SAAvB,CAAhC;AACA;AAED;AACA;AACA;AACA;AACA;AACA;;;AACA,eAAe,SAASY,0BAAT,CAAqCZ,SAArC,EAAgDC,SAAhD,EAA4D;AAC1E,MAAK,CAAED,SAAP,EAAmB;AAClB;AACA;;AAEDA,EAAAA,SAAS,CAACa,KAAV;;AAEA,MAAKhB,iBAAiB,CAAEG,SAAF,CAAtB,EAAsC;AACrC;AACA,QAAK,OAAOA,SAAS,CAACc,cAAjB,KAAoC,QAAzC,EAAoD;AACnD;AACA;;AAED,QAAKb,SAAL,EAAiB;AAChBD,MAAAA,SAAS,CAACc,cAAV,GAA2Bd,SAAS,CAACe,KAAV,CAAgBC,MAA3C;AACAhB,MAAAA,SAAS,CAACiB,YAAV,GAAyBjB,SAAS,CAACe,KAAV,CAAgBC,MAAzC;AACA,KAHD,MAGO;AACNhB,MAAAA,SAAS,CAACc,cAAV,GAA2B,CAA3B;AACAd,MAAAA,SAAS,CAACiB,YAAV,GAAyB,CAAzB;AACA;;AAED;AACA;;AAED,MAAK,CAAEjB,SAAS,CAACkB,iBAAjB,EAAqC;AACpC;AACA;;AAED,MAAIC,KAAK,GAAGpB,QAAQ,CAAEC,SAAF,EAAaC,SAAb,CAApB,CA5B0E,CA8B1E;AACA;;AACA,MACC,CAAEkB,KAAF,IACA,CAAEA,KAAK,CAACC,cADR,IAEA,CAAEpB,SAAS,CAACqB,QAAV,CAAoBF,KAAK,CAACC,cAA1B,CAHH,EAIE;AACDpB,IAAAA,SAAS,CAACsB,cAAV,CAA0BrB,SAA1B;AACAkB,IAAAA,KAAK,GAAGpB,QAAQ,CAAEC,SAAF,EAAaC,SAAb,CAAhB;;AAEA,QACC,CAAEkB,KAAF,IACA,CAAEA,KAAK,CAACC,cADR,IAEA,CAAEpB,SAAS,CAACqB,QAAV,CAAoBF,KAAK,CAACC,cAA1B,CAHH,EAIE;AACD;AACA;AACD;;AAED,QAAM;AAAElB,IAAAA;AAAF,MAAoBF,SAA1B;AACA,QAAM;AAAEuB,IAAAA;AAAF,MAAkBrB,aAAxB;AACAP,EAAAA,eAAe,CAAE4B,WAAF,EAAe,aAAf,CAAf;AACA,QAAMC,SAAS,GAAGD,WAAW,CAACE,YAAZ,EAAlB;AACA9B,EAAAA,eAAe,CAAE6B,SAAF,EAAa,WAAb,CAAf;AACAA,EAAAA,SAAS,CAACE,eAAV;AACAF,EAAAA,SAAS,CAACG,QAAV,CAAoBR,KAApB;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { assertIsDefined } from '../utils/assert-is-defined';\n\n/**\n * Internal dependencies\n */\nimport hiddenCaretRangeFromPoint from './hidden-caret-range-from-point';\nimport isInputOrTextArea from './is-input-or-text-area';\nimport isRTL from './is-rtl';\n\n/**\n * Gets the range to place.\n *\n * @param {HTMLElement} container Focusable element.\n * @param {boolean}     isReverse True for end, false for start.\n *\n * @return {Range|null} The range to place.\n */\nfunction getRange( container, isReverse ) {\n\tconst { ownerDocument } = container;\n\t// In the case of RTL scripts, the horizontal edge is at the opposite side.\n\tconst isReverseDir = isRTL( container ) ? ! isReverse : isReverse;\n\tconst containerRect = container.getBoundingClientRect();\n\t// When placing at the end (isReverse), find the closest range to the bottom\n\t// right corner. When placing at the start, to the top left corner.\n\tconst x = isReverse ? containerRect.right - 1 : containerRect.left + 1;\n\tconst y = isReverseDir ? containerRect.bottom - 1 : containerRect.top + 1;\n\treturn hiddenCaretRangeFromPoint( ownerDocument, x, y, container );\n}\n\n/**\n * Places the caret at start or end of a given element.\n *\n * @param {HTMLElement} container Focusable element.\n * @param {boolean}     isReverse True for end, false for start.\n */\nexport default function placeCaretAtHorizontalEdge( container, isReverse ) {\n\tif ( ! container ) {\n\t\treturn;\n\t}\n\n\tcontainer.focus();\n\n\tif ( isInputOrTextArea( container ) ) {\n\t\t// The element may not support selection setting.\n\t\tif ( typeof container.selectionStart !== 'number' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isReverse ) {\n\t\t\tcontainer.selectionStart = container.value.length;\n\t\t\tcontainer.selectionEnd = container.value.length;\n\t\t} else {\n\t\t\tcontainer.selectionStart = 0;\n\t\t\tcontainer.selectionEnd = 0;\n\t\t}\n\n\t\treturn;\n\t}\n\n\tif ( ! container.isContentEditable ) {\n\t\treturn;\n\t}\n\n\tlet range = getRange( container, isReverse );\n\n\t// If no range range can be created or it is outside the container, the\n\t// element may be out of view.\n\tif (\n\t\t! range ||\n\t\t! range.startContainer ||\n\t\t! container.contains( range.startContainer )\n\t) {\n\t\tcontainer.scrollIntoView( isReverse );\n\t\trange = getRange( container, isReverse );\n\n\t\tif (\n\t\t\t! range ||\n\t\t\t! range.startContainer ||\n\t\t\t! container.contains( range.startContainer )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t}\n\n\tconst { ownerDocument } = container;\n\tconst { defaultView } = ownerDocument;\n\tassertIsDefined( defaultView, 'defaultView' );\n\tconst selection = defaultView.getSelection();\n\tassertIsDefined( selection, 'selection' );\n\tselection.removeAllRanges();\n\tselection.addRange( range );\n}\n"]}
+{"version":3,"sources":["@wordpress/dom/src/dom/place-caret-at-horizontal-edge.js"],"names":["placeCaretAtEdge","placeCaretAtHorizontalEdge","container","isReverse","undefined"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,gBAAP,MAA6B,uBAA7B;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,0BAAT,CAAqCC,SAArC,EAAgDC,SAAhD,EAA4D;AAC1E,SAAOH,gBAAgB,CAAEE,SAAF,EAAaC,SAAb,EAAwBC,SAAxB,CAAvB;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport placeCaretAtEdge from './place-caret-at-edge';\n\n/**\n * Places the caret at start or end of a given element.\n *\n * @param {HTMLElement} container Focusable element.\n * @param {boolean}     isReverse True for end, false for start.\n */\nexport default function placeCaretAtHorizontalEdge( container, isReverse ) {\n\treturn placeCaretAtEdge( container, isReverse, undefined );\n}\n"]}

package/build-module/dom/place-caret-at-vertical-edge.js

@@ -1,64 +1,16 @@
 /**
  * Internal dependencies
  */
-import placeCaretAtHorizontalEdge from './place-caret-at-horizontal-edge';
-import hiddenCaretRangeFromPoint from './hidden-caret-range-from-point';
-import { assertIsDefined } from '../utils/assert-is-defined';
+import placeCaretAtEdge from './place-caret-at-edge';
 /**
  * Places the caret at the top or bottom of a given element.
  *
- * @param {HTMLElement} container           Focusable element.
- * @param {boolean}     isReverse           True for bottom, false for top.
- * @param {DOMRect}     [rect]              The rectangle to position the caret with.
- * @param {boolean}     [mayUseScroll=true] True to allow scrolling, false to disallow.
+ * @param {HTMLElement} container Focusable element.
+ * @param {boolean}     isReverse True for bottom, false for top.
+ * @param {DOMRect}     [rect]    The rectangle to position the caret with.
  */
 
-export default function placeCaretAtVerticalEdge(container, isReverse, rect, mayUseScroll = true) {
-  if (!container) {
-    return;
-  }
-
-  if (!rect || !container.isContentEditable) {
-    placeCaretAtHorizontalEdge(container, isReverse);
-    return;
-  }
-
-  container.focus(); // Offset by a buffer half the height of the caret rect. This is needed
-  // because caretRangeFromPoint may default to the end of the selection if
-  // offset is too close to the edge. It's unclear how to precisely calculate
-  // this threshold; it may be the padded area of some combination of line
-  // height, caret height, and font size. The buffer offset is effectively
-  // equivalent to a point at half the height of a line of text.
-
-  const buffer = rect.height / 2;
-  const editableRect = container.getBoundingClientRect();
-  const x = rect.left;
-  const y = isReverse ? editableRect.bottom - buffer : editableRect.top + buffer;
-  const {
-    ownerDocument
-  } = container;
-  const {
-    defaultView
-  } = ownerDocument;
-  const range = hiddenCaretRangeFromPoint(ownerDocument, x, y, container);
-
-  if (!range || !container.contains(range.startContainer)) {
-    if (mayUseScroll && (!range || !range.startContainer || !range.startContainer.contains(container))) {
-      // Might be out of view.
-      // Easier than attempting to calculate manually.
-      container.scrollIntoView(isReverse);
-      placeCaretAtVerticalEdge(container, isReverse, rect, false);
-      return;
-    }
-
-    placeCaretAtHorizontalEdge(container, isReverse);
-    return;
-  }
-
-  assertIsDefined(defaultView, 'defaultView');
-  const selection = defaultView.getSelection();
-  assertIsDefined(selection, 'selection');
-  selection.removeAllRanges();
-  selection.addRange(range);
+export default function placeCaretAtVerticalEdge(container, isReverse, rect) {
+  return placeCaretAtEdge(container, isReverse, rect === null || rect === void 0 ? void 0 : rect.left);
 }
 //# sourceMappingURL=place-caret-at-vertical-edge.js.map

package/build-module/dom/place-caret-at-vertical-edge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/dom/src/dom/place-caret-at-vertical-edge.js"],"names":["placeCaretAtHorizontalEdge","hiddenCaretRangeFromPoint","assertIsDefined","placeCaretAtVerticalEdge","container","isReverse","rect","mayUseScroll","isContentEditable","focus","buffer","height","editableRect","getBoundingClientRect","x","left","y","bottom","top","ownerDocument","defaultView","range","contains","startContainer","scrollIntoView","selection","getSelection","removeAllRanges","addRange"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,SAASC,eAAT,QAAgC,4BAAhC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,wBAAT,CACdC,SADc,EAEdC,SAFc,EAGdC,IAHc,EAIdC,YAAY,GAAG,IAJD,EAKb;AACD,MAAK,CAAEH,SAAP,EAAmB;AAClB;AACA;;AAED,MAAK,CAAEE,IAAF,IAAU,CAAEF,SAAS,CAACI,iBAA3B,EAA+C;AAC9CR,IAAAA,0BAA0B,CAAEI,SAAF,EAAaC,SAAb,CAA1B;AACA;AACA;;AAEDD,EAAAA,SAAS,CAACK,KAAV,GAVC,CAYD;AACA;AACA;AACA;AACA;AACA;;AACA,QAAMC,MAAM,GAAGJ,IAAI,CAACK,MAAL,GAAc,CAA7B;AACA,QAAMC,YAAY,GAAGR,SAAS,CAACS,qBAAV,EAArB;AACA,QAAMC,CAAC,GAAGR,IAAI,CAACS,IAAf;AACA,QAAMC,CAAC,GAAGX,SAAS,GAChBO,YAAY,CAACK,MAAb,GAAsBP,MADN,GAEhBE,YAAY,CAACM,GAAb,GAAmBR,MAFtB;AAIA,QAAM;AAAES,IAAAA;AAAF,MAAoBf,SAA1B;AACA,QAAM;AAAEgB,IAAAA;AAAF,MAAkBD,aAAxB;AACA,QAAME,KAAK,GAAGpB,yBAAyB,CAAEkB,aAAF,EAAiBL,CAAjB,EAAoBE,CAApB,EAAuBZ,SAAvB,CAAvC;;AAEA,MAAK,CAAEiB,KAAF,IAAW,CAAEjB,SAAS,CAACkB,QAAV,CAAoBD,KAAK,CAACE,cAA1B,CAAlB,EAA+D;AAC9D,QACChB,YAAY,KACV,CAAEc,KAAF,IACD,CAAEA,KAAK,CAACE,cADP,IAED,CAAEF,KAAK,CAACE,cAAN,CAAqBD,QAArB,CAA+BlB,SAA/B,CAHS,CADb,EAKE;AACD;AACA;AACAA,MAAAA,SAAS,CAACoB,cAAV,CAA0BnB,SAA1B;AACAF,MAAAA,wBAAwB,CAAEC,SAAF,EAAaC,SAAb,EAAwBC,IAAxB,EAA8B,KAA9B,CAAxB;AACA;AACA;;AAEDN,IAAAA,0BAA0B,CAAEI,SAAF,EAAaC,SAAb,CAA1B;AACA;AACA;;AAEDH,EAAAA,eAAe,CAAEkB,WAAF,EAAe,aAAf,CAAf;AACA,QAAMK,SAAS,GAAGL,WAAW,CAACM,YAAZ,EAAlB;AACAxB,EAAAA,eAAe,CAAEuB,SAAF,EAAa,WAAb,CAAf;AACAA,EAAAA,SAAS,CAACE,eAAV;AACAF,EAAAA,SAAS,CAACG,QAAV,CAAoBP,KAApB;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport placeCaretAtHorizontalEdge from './place-caret-at-horizontal-edge';\nimport hiddenCaretRangeFromPoint from './hidden-caret-range-from-point';\nimport { assertIsDefined } from '../utils/assert-is-defined';\n\n/**\n * Places the caret at the top or bottom of a given element.\n *\n * @param {HTMLElement} container           Focusable element.\n * @param {boolean}     isReverse           True for bottom, false for top.\n * @param {DOMRect}     [rect]              The rectangle to position the caret with.\n * @param {boolean}     [mayUseScroll=true] True to allow scrolling, false to disallow.\n */\nexport default function placeCaretAtVerticalEdge(\n\tcontainer,\n\tisReverse,\n\trect,\n\tmayUseScroll = true\n) {\n\tif ( ! container ) {\n\t\treturn;\n\t}\n\n\tif ( ! rect || ! container.isContentEditable ) {\n\t\tplaceCaretAtHorizontalEdge( container, isReverse );\n\t\treturn;\n\t}\n\n\tcontainer.focus();\n\n\t// Offset by a buffer half the height of the caret rect. This is needed\n\t// because caretRangeFromPoint may default to the end of the selection if\n\t// offset is too close to the edge. It's unclear how to precisely calculate\n\t// this threshold; it may be the padded area of some combination of line\n\t// height, caret height, and font size. The buffer offset is effectively\n\t// equivalent to a point at half the height of a line of text.\n\tconst buffer = rect.height / 2;\n\tconst editableRect = container.getBoundingClientRect();\n\tconst x = rect.left;\n\tconst y = isReverse\n\t\t? editableRect.bottom - buffer\n\t\t: editableRect.top + buffer;\n\n\tconst { ownerDocument } = container;\n\tconst { defaultView } = ownerDocument;\n\tconst range = hiddenCaretRangeFromPoint( ownerDocument, x, y, container );\n\n\tif ( ! range || ! container.contains( range.startContainer ) ) {\n\t\tif (\n\t\t\tmayUseScroll &&\n\t\t\t( ! range ||\n\t\t\t\t! range.startContainer ||\n\t\t\t\t! range.startContainer.contains( container ) )\n\t\t) {\n\t\t\t// Might be out of view.\n\t\t\t// Easier than attempting to calculate manually.\n\t\t\tcontainer.scrollIntoView( isReverse );\n\t\t\tplaceCaretAtVerticalEdge( container, isReverse, rect, false );\n\t\t\treturn;\n\t\t}\n\n\t\tplaceCaretAtHorizontalEdge( container, isReverse );\n\t\treturn;\n\t}\n\n\tassertIsDefined( defaultView, 'defaultView' );\n\tconst selection = defaultView.getSelection();\n\tassertIsDefined( selection, 'selection' );\n\tselection.removeAllRanges();\n\tselection.addRange( range );\n}\n"]}
+{"version":3,"sources":["@wordpress/dom/src/dom/place-caret-at-vertical-edge.js"],"names":["placeCaretAtEdge","placeCaretAtVerticalEdge","container","isReverse","rect","left"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,gBAAP,MAA6B,uBAA7B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,wBAAT,CAAmCC,SAAnC,EAA8CC,SAA9C,EAAyDC,IAAzD,EAAgE;AAC9E,SAAOJ,gBAAgB,CAAEE,SAAF,EAAaC,SAAb,EAAwBC,IAAxB,aAAwBA,IAAxB,uBAAwBA,IAAI,CAAEC,IAA9B,CAAvB;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport placeCaretAtEdge from './place-caret-at-edge';\n\n/**\n * Places the caret at the top or bottom of a given element.\n *\n * @param {HTMLElement} container Focusable element.\n * @param {boolean}     isReverse True for bottom, false for top.\n * @param {DOMRect}     [rect]    The rectangle to position the caret with.\n */\nexport default function placeCaretAtVerticalEdge( container, isReverse, rect ) {\n\treturn placeCaretAtEdge( container, isReverse, rect?.left );\n}\n"]}

package/build-types/dom/caret-range-from-point.d.ts

@@ -5,8 +5,8 @@
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/caretRangeFromPoint
  *
  * @param {DocumentMaybeWithCaretPositionFromPoint} doc The document of the range.
- * @param {number}   x   Horizontal position within the current viewport.
- * @param {number}   y   Vertical position within the current viewport.
+ * @param {number}                                  x   Horizontal position within the current viewport.
+ * @param {number}                                  y   Vertical position within the current viewport.
  *
  * @return {Range | null} The best range for the given point.
  */

package/build-types/dom/is-edge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"is-edge.d.ts","sourceRoot":"","sources":["../../src/dom/is-edge.js"],"names":[],"mappings":"AAWA;;;;;;;;;;GAUG;AACH,0CANW,OAAO,aACP,OAAO,uCAGN,OAAO,CAyGlB"}
+{"version":3,"file":"is-edge.d.ts","sourceRoot":"","sources":["../../src/dom/is-edge.js"],"names":[],"mappings":"AAWA;;;;;;;;;;GAUG;AACH,0CANW,OAAO,aACP,OAAO,uCAGN,OAAO,CA4GlB"}

package/build-types/dom/place-caret-at-edge.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Places the caret at start or end of a given element.
+ *
+ * @param {HTMLElement}      container Focusable element.
+ * @param {boolean}          isReverse True for end, false for start.
+ * @param {number|undefined} x         X coordinate to vertically position.
+ */
+export default function placeCaretAtEdge(container: HTMLElement, isReverse: boolean, x: number | undefined): void;
+//# sourceMappingURL=place-caret-at-edge.d.ts.map

package/build-types/dom/place-caret-at-edge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"place-caret-at-edge.d.ts","sourceRoot":"","sources":["../../src/dom/place-caret-at-edge.js"],"names":[],"mappings":"AA+BA;;;;;;GAMG;AACH,oDAJW,WAAW,aACX,OAAO,KACP,MAAM,GAAC,SAAS,QA0D1B"}

package/build-types/dom/place-caret-at-horizontal-edge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"place-caret-at-horizontal-edge.d.ts","sourceRoot":"","sources":["../../src/dom/place-caret-at-horizontal-edge.js"],"names":[],"mappings":"AAgCA;;;;;GAKG;AACH,8DAHW,WAAW,aACX,OAAO,QA0DjB"}
+{"version":3,"file":"place-caret-at-horizontal-edge.d.ts","sourceRoot":"","sources":["../../src/dom/place-caret-at-horizontal-edge.js"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,8DAHW,WAAW,aACX,OAAO,QAIjB"}

package/build-types/dom/place-caret-at-vertical-edge.d.ts

@@ -1,10 +1,9 @@
 /**
  * Places the caret at the top or bottom of a given element.
  *
- * @param {HTMLElement} container           Focusable element.
- * @param {boolean}     isReverse           True for bottom, false for top.
- * @param {DOMRect}     [rect]              The rectangle to position the caret with.
- * @param {boolean}     [mayUseScroll=true] True to allow scrolling, false to disallow.
+ * @param {HTMLElement} container Focusable element.
+ * @param {boolean}     isReverse True for bottom, false for top.
+ * @param {DOMRect}     [rect]    The rectangle to position the caret with.
  */
-export default function placeCaretAtVerticalEdge(container: HTMLElement, isReverse: boolean, rect?: DOMRect | undefined, mayUseScroll?: boolean | undefined): void;
+export default function placeCaretAtVerticalEdge(container: HTMLElement, isReverse: boolean, rect?: DOMRect | undefined): void;
 //# sourceMappingURL=place-caret-at-vertical-edge.d.ts.map

package/build-types/dom/place-caret-at-vertical-edge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"place-caret-at-vertical-edge.d.ts","sourceRoot":"","sources":["../../src/dom/place-caret-at-vertical-edge.js"],"names":[],"mappings":"AAOA;;;;;;;GAOG;AACH,4DALW,WAAW,aACX,OAAO,wEA6DjB"}
+{"version":3,"file":"place-caret-at-vertical-edge.d.ts","sourceRoot":"","sources":["../../src/dom/place-caret-at-vertical-edge.js"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,4DAJW,WAAW,aACX,OAAO,oCAKjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/dom",
-	"version": "3.2.3",
+	"version": "3.2.4",
 	"description": "DOM utilities module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -34,5 +34,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "98c42a7187f788fe3e023f04df7f5dcbdae4e4e7"
+	"gitHead": "8f7f052bc04e3f4eb50f479ced14be1489b9fa79"
 }

package/src/dom/caret-range-from-point.js

@@ -5,8 +5,8 @@
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/caretRangeFromPoint
  *
  * @param {DocumentMaybeWithCaretPositionFromPoint} doc The document of the range.
- * @param {number}   x   Horizontal position within the current viewport.
- * @param {number}   y   Vertical position within the current viewport.
+ * @param {number}                                  x   Horizontal position within the current viewport.
+ * @param {number}                                  y   Vertical position within the current viewport.
  *
  * @return {Range | null} The best range for the given point.
  */

package/src/dom/is-edge.js

@@ -21,7 +21,10 @@ import isInputOrTextArea from './is-input-or-text-area';
  * @return {boolean} True if at the edge, false if not.
  */
 export default function isEdge( container, isReverse, onlyVertical = false ) {
-	if ( isInputOrTextArea( container ) ) {
+	if (
+		isInputOrTextArea( container ) &&
+		typeof container.selectionStart === 'number'
+	) {
 		if ( container.selectionStart !== container.selectionEnd ) {
 			return false;
 		}

package/src/dom/place-caret-at-edge.js

@@ -0,0 +1,95 @@
+/**
+ * Internal dependencies
+ */
+import hiddenCaretRangeFromPoint from './hidden-caret-range-from-point';
+import { assertIsDefined } from '../utils/assert-is-defined';
+import isInputOrTextArea from './is-input-or-text-area';
+import isRTL from './is-rtl';
+
+/**
+ * Gets the range to place.
+ *
+ * @param {HTMLElement}      container Focusable element.
+ * @param {boolean}          isReverse True for end, false for start.
+ * @param {number|undefined} x         X coordinate to vertically position.
+ *
+ * @return {Range|null} The range to place.
+ */
+function getRange( container, isReverse, x ) {
+	const { ownerDocument } = container;
+	// In the case of RTL scripts, the horizontal edge is at the opposite side.
+	const isReverseDir = isRTL( container ) ? ! isReverse : isReverse;
+	const containerRect = container.getBoundingClientRect();
+	// When placing at the end (isReverse), find the closest range to the bottom
+	// right corner. When placing at the start, to the top left corner.
+	if ( x === undefined ) {
+		x = isReverse ? containerRect.right - 1 : containerRect.left + 1;
+	}
+	const y = isReverseDir ? containerRect.bottom - 1 : containerRect.top + 1;
+	return hiddenCaretRangeFromPoint( ownerDocument, x, y, container );
+}
+
+/**
+ * Places the caret at start or end of a given element.
+ *
+ * @param {HTMLElement}      container Focusable element.
+ * @param {boolean}          isReverse True for end, false for start.
+ * @param {number|undefined} x         X coordinate to vertically position.
+ */
+export default function placeCaretAtEdge( container, isReverse, x ) {
+	if ( ! container ) {
+		return;
+	}
+
+	container.focus();
+
+	if ( isInputOrTextArea( container ) ) {
+		// The element may not support selection setting.
+		if ( typeof container.selectionStart !== 'number' ) {
+			return;
+		}
+
+		if ( isReverse ) {
+			container.selectionStart = container.value.length;
+			container.selectionEnd = container.value.length;
+		} else {
+			container.selectionStart = 0;
+			container.selectionEnd = 0;
+		}
+
+		return;
+	}
+
+	if ( ! container.isContentEditable ) {
+		return;
+	}
+
+	let range = getRange( container, isReverse, x );
+
+	// If no range range can be created or it is outside the container, the
+	// element may be out of view.
+	if (
+		! range ||
+		! range.startContainer ||
+		! container.contains( range.startContainer )
+	) {
+		container.scrollIntoView( isReverse );
+		range = range = getRange( container, isReverse, x );
+
+		if (
+			! range ||
+			! range.startContainer ||
+			! container.contains( range.startContainer )
+		) {
+			return;
+		}
+	}
+
+	const { ownerDocument } = container;
+	const { defaultView } = ownerDocument;
+	assertIsDefined( defaultView, 'defaultView' );
+	const selection = defaultView.getSelection();
+	assertIsDefined( selection, 'selection' );
+	selection.removeAllRanges();
+	selection.addRange( range );
+}

package/src/dom/place-caret-at-horizontal-edge.js

@@ -1,34 +1,7 @@
 /**
  * Internal dependencies
  */
-import { assertIsDefined } from '../utils/assert-is-defined';
-
-/**
- * Internal dependencies
- */
-import hiddenCaretRangeFromPoint from './hidden-caret-range-from-point';
-import isInputOrTextArea from './is-input-or-text-area';
-import isRTL from './is-rtl';
-
-/**
- * Gets the range to place.
- *
- * @param {HTMLElement} container Focusable element.
- * @param {boolean}     isReverse True for end, false for start.
- *
- * @return {Range|null} The range to place.
- */
-function getRange( container, isReverse ) {
-	const { ownerDocument } = container;
-	// In the case of RTL scripts, the horizontal edge is at the opposite side.
-	const isReverseDir = isRTL( container ) ? ! isReverse : isReverse;
-	const containerRect = container.getBoundingClientRect();
-	// When placing at the end (isReverse), find the closest range to the bottom
-	// right corner. When placing at the start, to the top left corner.
-	const x = isReverse ? containerRect.right - 1 : containerRect.left + 1;
-	const y = isReverseDir ? containerRect.bottom - 1 : containerRect.top + 1;
-	return hiddenCaretRangeFromPoint( ownerDocument, x, y, container );
-}
+import placeCaretAtEdge from './place-caret-at-edge';
 
 /**
  * Places the caret at start or end of a given element.
@@ -37,59 +10,5 @@ function getRange( container, isReverse ) {
  * @param {boolean}     isReverse True for end, false for start.
  */
 export default function placeCaretAtHorizontalEdge( container, isReverse ) {
-	if ( ! container ) {
-		return;
-	}
-
-	container.focus();
-
-	if ( isInputOrTextArea( container ) ) {
-		// The element may not support selection setting.
-		if ( typeof container.selectionStart !== 'number' ) {
-			return;
-		}
-
-		if ( isReverse ) {
-			container.selectionStart = container.value.length;
-			container.selectionEnd = container.value.length;
-		} else {
-			container.selectionStart = 0;
-			container.selectionEnd = 0;
-		}
-
-		return;
-	}
-
-	if ( ! container.isContentEditable ) {
-		return;
-	}
-
-	let range = getRange( container, isReverse );
-
-	// If no range range can be created or it is outside the container, the
-	// element may be out of view.
-	if (
-		! range ||
-		! range.startContainer ||
-		! container.contains( range.startContainer )
-	) {
-		container.scrollIntoView( isReverse );
-		range = getRange( container, isReverse );
-
-		if (
-			! range ||
-			! range.startContainer ||
-			! container.contains( range.startContainer )
-		) {
-			return;
-		}
-	}
-
-	const { ownerDocument } = container;
-	const { defaultView } = ownerDocument;
-	assertIsDefined( defaultView, 'defaultView' );
-	const selection = defaultView.getSelection();
-	assertIsDefined( selection, 'selection' );
-	selection.removeAllRanges();
-	selection.addRange( range );
+	return placeCaretAtEdge( container, isReverse, undefined );
 }

package/src/dom/place-caret-at-vertical-edge.js

@@ -1,73 +1,15 @@
 /**
  * Internal dependencies
  */
-import placeCaretAtHorizontalEdge from './place-caret-at-horizontal-edge';
-import hiddenCaretRangeFromPoint from './hidden-caret-range-from-point';
-import { assertIsDefined } from '../utils/assert-is-defined';
+import placeCaretAtEdge from './place-caret-at-edge';
 
 /**
  * Places the caret at the top or bottom of a given element.
  *
- * @param {HTMLElement} container           Focusable element.
- * @param {boolean}     isReverse           True for bottom, false for top.
- * @param {DOMRect}     [rect]              The rectangle to position the caret with.
- * @param {boolean}     [mayUseScroll=true] True to allow scrolling, false to disallow.
+ * @param {HTMLElement} container Focusable element.
+ * @param {boolean}     isReverse True for bottom, false for top.
+ * @param {DOMRect}     [rect]    The rectangle to position the caret with.
  */
-export default function placeCaretAtVerticalEdge(
-	container,
-	isReverse,
-	rect,
-	mayUseScroll = true
-) {
-	if ( ! container ) {
-		return;
-	}
-
-	if ( ! rect || ! container.isContentEditable ) {
-		placeCaretAtHorizontalEdge( container, isReverse );
-		return;
-	}
-
-	container.focus();
-
-	// Offset by a buffer half the height of the caret rect. This is needed
-	// because caretRangeFromPoint may default to the end of the selection if
-	// offset is too close to the edge. It's unclear how to precisely calculate
-	// this threshold; it may be the padded area of some combination of line
-	// height, caret height, and font size. The buffer offset is effectively
-	// equivalent to a point at half the height of a line of text.
-	const buffer = rect.height / 2;
-	const editableRect = container.getBoundingClientRect();
-	const x = rect.left;
-	const y = isReverse
-		? editableRect.bottom - buffer
-		: editableRect.top + buffer;
-
-	const { ownerDocument } = container;
-	const { defaultView } = ownerDocument;
-	const range = hiddenCaretRangeFromPoint( ownerDocument, x, y, container );
-
-	if ( ! range || ! container.contains( range.startContainer ) ) {
-		if (
-			mayUseScroll &&
-			( ! range ||
-				! range.startContainer ||
-				! range.startContainer.contains( container ) )
-		) {
-			// Might be out of view.
-			// Easier than attempting to calculate manually.
-			container.scrollIntoView( isReverse );
-			placeCaretAtVerticalEdge( container, isReverse, rect, false );
-			return;
-		}
-
-		placeCaretAtHorizontalEdge( container, isReverse );
-		return;
-	}
-
-	assertIsDefined( defaultView, 'defaultView' );
-	const selection = defaultView.getSelection();
-	assertIsDefined( selection, 'selection' );
-	selection.removeAllRanges();
-	selection.addRange( range );
+export default function placeCaretAtVerticalEdge( container, isReverse, rect ) {
+	return placeCaretAtEdge( container, isReverse, rect?.left );
 }

package/src/test/dom.js

@@ -84,6 +84,14 @@ describe( 'DOM', () => {
 			expect( isHorizontalEdge( div, true ) ).toBe( true );
 			expect( isHorizontalEdge( div, false ) ).toBe( true );
 		} );
+
+		it( 'should return true for input types that do not have selection ranges', () => {
+			const input = document.createElement( 'input' );
+			input.setAttribute( 'type', 'checkbox' );
+			parent.appendChild( input );
+			expect( isHorizontalEdge( input, true ) ).toBe( true );
+			expect( isHorizontalEdge( input, false ) ).toBe( true );
+		} );
 	} );
 
 	describe( 'placeCaretAtHorizontalEdge', () => {