@atlaskit/renderer 124.9.9 → 124.9.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 124.9.11
+
+### Patch Changes
+
+- [`9630c61136f9b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9630c61136f9b) -
+  Fixed bug where percentage based width attributes was being used as an aboslute pixel number
+  instead of correctly calculating the width.
+
+## 124.9.10
+
+### Patch Changes
+
+- [`b0103f4f35c6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b0103f4f35c6d) -
+  Removed fg platform_renderer_triple_click_selects_paragraph
+- Updated dependencies
+
 ## 124.9.9
 
 ### Patch Changes

package/dist/cjs/react/nodes/mediaSingle/index.js

@@ -142,7 +142,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
     var cardDimensions = {};
     if ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
-      var maxWidth = widthAttr && typeof widthAttr === 'number' ? widthAttr : containerWidth;
+      var maxWidth = widthAttr && typeof widthAttr === 'number' && widthType === 'pixel' ? widthAttr : containerWidth;
       cardDimensions = {
         width: "".concat(maxWidth, "px"),
         height: "100%"
@@ -170,7 +170,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
       cardDimensions: cardDimensions,
       lineLength: lineLength
     };
-  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr]);
+  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr, widthType]);
   var originalDimensions = (0, _react.useMemo)(function () {
     return {
       width: width,

package/dist/cjs/ui/Renderer/index.js

@@ -68,7 +68,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.9.8";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/cjs/ui/annotations/hooks/user-selection.js

@@ -7,8 +7,6 @@ exports.useUserSelectionRange = void 0;
 var _react = require("react");
 var _AnnotationRangeContext = require("../contexts/AnnotationRangeContext");
 var _utils = require("./utils");
-var _steps = require("../../../steps");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AnnotationManagerContext = require("../contexts/AnnotationManagerContext");
 var useUserSelectionRange = exports.useUserSelectionRange = function useUserSelectionRange(props) {
   var rendererDOM = props.rendererRef.current;
@@ -25,91 +23,46 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
   var lastRangeRef = (0, _react.useRef)(null);
   var isAnnotationManagerEnabled = !!annotationManager;
   var onSelectionChange = (0, _react.useCallback)(function (event) {
-    if ((0, _platformFeatureFlags.fg)('platform_renderer_triple_click_selects_paragraph')) {
-      if (selectionTimeoutRef.current) {
-        clearTimeout(selectionTimeoutRef.current);
-      }
-      selectionTimeoutRef.current = setTimeout(function () {
-        var sel = document.getSelection();
-        if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
-          lastRangeRef.current = null; // Clear last range if selection is invalid
-          if (isAnnotationManagerEnabled) {
-            clearSelectionRange();
-          }
-          return;
+    if (selectionTimeoutRef.current) {
+      clearTimeout(selectionTimeoutRef.current);
+    }
+    selectionTimeoutRef.current = setTimeout(function () {
+      var sel = document.getSelection();
+      if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
+        lastRangeRef.current = null; // Clear last range if selection is invalid
+        if (isAnnotationManagerEnabled) {
+          clearSelectionRange();
         }
-        var _range = sel.getRangeAt(0);
+        return;
+      }
+      var _range = sel.getRangeAt(0);
 
-        // Skip if the selection hasn’t changed
-        if (lastRangeRef.current && _range.compareBoundaryPoints(Range.START_TO_START, lastRangeRef.current) === 0 && _range.compareBoundaryPoints(Range.END_TO_END, lastRangeRef.current) === 0) {
-          return;
-        }
-        if (rendererDOM && (0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
-          var _range2 = _range,
-            startContainer = _range2.startContainer,
-            endContainer = _range2.endContainer;
-          var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
-          if (isTripleClick) {
-            var p = startContainer;
-            while (p && p.nodeName !== 'P' && p !== rendererDOM) {
-              p = p.parentNode;
-            }
-            if (p && p.nodeName === 'P' && p instanceof Element) {
-              var _range3 = document.createRange();
-              _range3.selectNodeContents(p);
-              sel.removeAllRanges();
-              sel.addRange(_range3);
-              _range = sel.getRangeAt(0);
-            }
-          }
-          setSelectionRange(_range.cloneRange());
-          lastRangeRef.current = _range;
-        }
-      }, 100);
-    } else {
-      if (selectionTimeoutRef.current) {
-        clearTimeout(selectionTimeoutRef.current);
+      // Skip if the selection hasn't changed
+      if (lastRangeRef.current && _range.compareBoundaryPoints(Range.START_TO_START, lastRangeRef.current) === 0 && _range.compareBoundaryPoints(Range.END_TO_END, lastRangeRef.current) === 0) {
+        return;
       }
-      selectionTimeoutRef.current = setTimeout(function () {
-        var sel = document.getSelection();
-        if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
-          if (isAnnotationManagerEnabled) {
-            clearSelectionRange();
+      if (rendererDOM && (0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
+        var _range2 = _range,
+          startContainer = _range2.startContainer,
+          endContainer = _range2.endContainer;
+        var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
+        if (isTripleClick) {
+          var p = startContainer;
+          while (p && p.nodeName !== 'P' && p !== rendererDOM) {
+            p = p.parentNode;
           }
-          return;
-        }
-        var _range = sel.getRangeAt(0);
-        if (rendererDOM && (0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
-          var startContainer = _range.startContainer,
-            endContainer = _range.endContainer,
-            commonAncestorContainer = _range.commonAncestorContainer;
-          var parentNode = startContainer.parentNode;
-
-          // ED-23493
-          // On triple-click in Chrome and Safari, the native Selection API's range has endContainer as a non-text node
-          // and commonAncestorContainer as root level div.ak-renderer-document when the node is followed by div or hr.
-
-          // Triple clicks are the only case that can cause the endContainer to be a non-text node
-          // Same check for highlight range logic in confluence/next/packages/comments-util/src/domUtils.ts Line 180
-          var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
-
-          // isAnnotationAllowedOnRange range validation is checking if the parent container is root element and disable the comment if it is.
-          // platform/packages/editor/renderer/src/steps/index.ts Line 180
-
-          // This workaround ensures the endContainer is set to a text node when endContainer is non-text and the parent container is the root element
-          if (isTripleClick && commonAncestorContainer && commonAncestorContainer.nodeType === Node.ELEMENT_NODE &&
-          // Ignored via go/ees005
-          // eslint-disable-next-line @atlaskit/editor/no-as-casting
-          (0, _steps.isRoot)(commonAncestorContainer) && (parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName) === 'P' // ignore if the parent node is strong, em, etc.
-          ) {
-            var _parentNode$lastChild, _parentNode$lastChild2;
-            var lastChild = parentNode !== null && parentNode !== void 0 && parentNode.lastChild && (parentNode === null || parentNode === void 0 || (_parentNode$lastChild = parentNode.lastChild) === null || _parentNode$lastChild === void 0 ? void 0 : _parentNode$lastChild.nodeType) === Node.TEXT_NODE ? parentNode === null || parentNode === void 0 ? void 0 : parentNode.lastChild : parentNode === null || parentNode === void 0 || (_parentNode$lastChild2 = parentNode.lastChild) === null || _parentNode$lastChild2 === void 0 ? void 0 : _parentNode$lastChild2.childNodes[0];
-            _range.setEnd(lastChild, lastChild.length || 0);
+          if (p && p.nodeName === 'P' && p instanceof Element) {
+            var _range3 = document.createRange();
+            _range3.selectNodeContents(p);
+            sel.removeAllRanges();
+            sel.addRange(_range3);
+            _range = sel.getRangeAt(0);
           }
-          setSelectionRange(_range.cloneRange());
         }
-      }, 250);
-    }
+        setSelectionRange(_range.cloneRange());
+        lastRangeRef.current = _range;
+      }
+    }, 100);
   }, [rendererDOM, setSelectionRange, clearSelectionRange, isAnnotationManagerEnabled]);
   (0, _react.useEffect)(function () {
     if (!document || !rendererDOM) {

package/dist/es2019/react/nodes/mediaSingle/index.js

@@ -129,7 +129,7 @@ const MediaSingleWithChildren = props => {
     const containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
     let cardDimensions = {};
     if (fg('media-perf-uplift-mutation-fix')) {
-      const maxWidth = widthAttr && typeof widthAttr === 'number' ? widthAttr : containerWidth;
+      const maxWidth = widthAttr && typeof widthAttr === 'number' && widthType === 'pixel' ? widthAttr : containerWidth;
       cardDimensions = {
         width: `${maxWidth}px`,
         height: `100%`
@@ -157,7 +157,7 @@ const MediaSingleWithChildren = props => {
       cardDimensions,
       lineLength
     };
-  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr]);
+  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr, widthType]);
   const originalDimensions = useMemo(() => ({
     width,
     height

package/dist/es2019/ui/Renderer/index.js

@@ -54,7 +54,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_WIDTH_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "124.9.8";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/ui/annotations/hooks/user-selection.js

@@ -1,8 +1,6 @@
 import { useEffect, useRef, useCallback } from 'react';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 import { isRangeInsideOfRendererContainer } from './utils';
-import { isRoot } from '../../../steps';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
 export const useUserSelectionRange = props => {
   const {
@@ -26,94 +24,47 @@ export const useUserSelectionRange = props => {
   const lastRangeRef = useRef(null);
   const isAnnotationManagerEnabled = !!annotationManager;
   const onSelectionChange = useCallback(event => {
-    if (fg('platform_renderer_triple_click_selects_paragraph')) {
-      if (selectionTimeoutRef.current) {
-        clearTimeout(selectionTimeoutRef.current);
-      }
-      selectionTimeoutRef.current = setTimeout(() => {
-        const sel = document.getSelection();
-        if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
-          lastRangeRef.current = null; // Clear last range if selection is invalid
-          if (isAnnotationManagerEnabled) {
-            clearSelectionRange();
-          }
-          return;
+    if (selectionTimeoutRef.current) {
+      clearTimeout(selectionTimeoutRef.current);
+    }
+    selectionTimeoutRef.current = setTimeout(() => {
+      const sel = document.getSelection();
+      if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
+        lastRangeRef.current = null; // Clear last range if selection is invalid
+        if (isAnnotationManagerEnabled) {
+          clearSelectionRange();
         }
-        let _range = sel.getRangeAt(0);
+        return;
+      }
+      let _range = sel.getRangeAt(0);
 
-        // Skip if the selection hasn’t changed
-        if (lastRangeRef.current && _range.compareBoundaryPoints(Range.START_TO_START, lastRangeRef.current) === 0 && _range.compareBoundaryPoints(Range.END_TO_END, lastRangeRef.current) === 0) {
-          return;
-        }
-        if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
-          const {
-            startContainer,
-            endContainer
-          } = _range;
-          const isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
-          if (isTripleClick) {
-            let p = startContainer;
-            while (p && p.nodeName !== 'P' && p !== rendererDOM) {
-              p = p.parentNode;
-            }
-            if (p && p.nodeName === 'P' && p instanceof Element) {
-              const range = document.createRange();
-              range.selectNodeContents(p);
-              sel.removeAllRanges();
-              sel.addRange(range);
-              _range = sel.getRangeAt(0);
-            }
-          }
-          setSelectionRange(_range.cloneRange());
-          lastRangeRef.current = _range;
-        }
-      }, 100);
-    } else {
-      if (selectionTimeoutRef.current) {
-        clearTimeout(selectionTimeoutRef.current);
+      // Skip if the selection hasn't changed
+      if (lastRangeRef.current && _range.compareBoundaryPoints(Range.START_TO_START, lastRangeRef.current) === 0 && _range.compareBoundaryPoints(Range.END_TO_END, lastRangeRef.current) === 0) {
+        return;
       }
-      selectionTimeoutRef.current = setTimeout(() => {
-        const sel = document.getSelection();
-        if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
-          if (isAnnotationManagerEnabled) {
-            clearSelectionRange();
+      if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
+        const {
+          startContainer,
+          endContainer
+        } = _range;
+        const isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
+        if (isTripleClick) {
+          let p = startContainer;
+          while (p && p.nodeName !== 'P' && p !== rendererDOM) {
+            p = p.parentNode;
           }
-          return;
-        }
-        const _range = sel.getRangeAt(0);
-        if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
-          const {
-            startContainer,
-            endContainer,
-            commonAncestorContainer
-          } = _range;
-          const parentNode = startContainer.parentNode;
-
-          // ED-23493
-          // On triple-click in Chrome and Safari, the native Selection API's range has endContainer as a non-text node
-          // and commonAncestorContainer as root level div.ak-renderer-document when the node is followed by div or hr.
-
-          // Triple clicks are the only case that can cause the endContainer to be a non-text node
-          // Same check for highlight range logic in confluence/next/packages/comments-util/src/domUtils.ts Line 180
-          const isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
-
-          // isAnnotationAllowedOnRange range validation is checking if the parent container is root element and disable the comment if it is.
-          // platform/packages/editor/renderer/src/steps/index.ts Line 180
-
-          // This workaround ensures the endContainer is set to a text node when endContainer is non-text and the parent container is the root element
-          if (isTripleClick && commonAncestorContainer && commonAncestorContainer.nodeType === Node.ELEMENT_NODE &&
-          // Ignored via go/ees005
-          // eslint-disable-next-line @atlaskit/editor/no-as-casting
-          isRoot(commonAncestorContainer) && (parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName) === 'P' // ignore if the parent node is strong, em, etc.
-          ) {
-            var _parentNode$lastChild, _parentNode$lastChild2;
-            const lastChild = parentNode !== null && parentNode !== void 0 && parentNode.lastChild && (parentNode === null || parentNode === void 0 ? void 0 : (_parentNode$lastChild = parentNode.lastChild) === null || _parentNode$lastChild === void 0 ? void 0 : _parentNode$lastChild.nodeType) === Node.TEXT_NODE ? parentNode === null || parentNode === void 0 ? void 0 : parentNode.lastChild : parentNode === null || parentNode === void 0 ? void 0 : (_parentNode$lastChild2 = parentNode.lastChild) === null || _parentNode$lastChild2 === void 0 ? void 0 : _parentNode$lastChild2.childNodes[0];
-            _range.setEnd(lastChild, lastChild.length || 0);
+          if (p && p.nodeName === 'P' && p instanceof Element) {
+            const range = document.createRange();
+            range.selectNodeContents(p);
+            sel.removeAllRanges();
+            sel.addRange(range);
+            _range = sel.getRangeAt(0);
           }
-          setSelectionRange(_range.cloneRange());
         }
-      }, 250);
-    }
+        setSelectionRange(_range.cloneRange());
+        lastRangeRef.current = _range;
+      }
+    }, 100);
   }, [rendererDOM, setSelectionRange, clearSelectionRange, isAnnotationManagerEnabled]);
   useEffect(() => {
     if (!document || !rendererDOM) {

package/dist/esm/react/nodes/mediaSingle/index.js

@@ -132,7 +132,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
     var cardDimensions = {};
     if (fg('media-perf-uplift-mutation-fix')) {
-      var maxWidth = widthAttr && typeof widthAttr === 'number' ? widthAttr : containerWidth;
+      var maxWidth = widthAttr && typeof widthAttr === 'number' && widthType === 'pixel' ? widthAttr : containerWidth;
       cardDimensions = {
         width: "".concat(maxWidth, "px"),
         height: "100%"
@@ -160,7 +160,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
       cardDimensions: cardDimensions,
       lineLength: lineLength
     };
-  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr]);
+  }, [height, isFullWidth, isInsideOfBlockNode, layout, padding, rendererAppearance, width, widthAttr, widthType]);
   var originalDimensions = useMemo(function () {
     return {
       width: width,

package/dist/esm/ui/Renderer/index.js

@@ -59,7 +59,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_WIDTH_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "124.9.8";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/annotations/hooks/user-selection.js

@@ -1,8 +1,6 @@
 import { useEffect, useRef, useCallback } from 'react';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 import { isRangeInsideOfRendererContainer } from './utils';
-import { isRoot } from '../../../steps';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
 export var useUserSelectionRange = function useUserSelectionRange(props) {
   var rendererDOM = props.rendererRef.current;
@@ -19,91 +17,46 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
   var lastRangeRef = useRef(null);
   var isAnnotationManagerEnabled = !!annotationManager;
   var onSelectionChange = useCallback(function (event) {
-    if (fg('platform_renderer_triple_click_selects_paragraph')) {
-      if (selectionTimeoutRef.current) {
-        clearTimeout(selectionTimeoutRef.current);
-      }
-      selectionTimeoutRef.current = setTimeout(function () {
-        var sel = document.getSelection();
-        if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
-          lastRangeRef.current = null; // Clear last range if selection is invalid
-          if (isAnnotationManagerEnabled) {
-            clearSelectionRange();
-          }
-          return;
+    if (selectionTimeoutRef.current) {
+      clearTimeout(selectionTimeoutRef.current);
+    }
+    selectionTimeoutRef.current = setTimeout(function () {
+      var sel = document.getSelection();
+      if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
+        lastRangeRef.current = null; // Clear last range if selection is invalid
+        if (isAnnotationManagerEnabled) {
+          clearSelectionRange();
         }
-        var _range = sel.getRangeAt(0);
+        return;
+      }
+      var _range = sel.getRangeAt(0);
 
-        // Skip if the selection hasn’t changed
-        if (lastRangeRef.current && _range.compareBoundaryPoints(Range.START_TO_START, lastRangeRef.current) === 0 && _range.compareBoundaryPoints(Range.END_TO_END, lastRangeRef.current) === 0) {
-          return;
-        }
-        if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
-          var _range2 = _range,
-            startContainer = _range2.startContainer,
-            endContainer = _range2.endContainer;
-          var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
-          if (isTripleClick) {
-            var p = startContainer;
-            while (p && p.nodeName !== 'P' && p !== rendererDOM) {
-              p = p.parentNode;
-            }
-            if (p && p.nodeName === 'P' && p instanceof Element) {
-              var _range3 = document.createRange();
-              _range3.selectNodeContents(p);
-              sel.removeAllRanges();
-              sel.addRange(_range3);
-              _range = sel.getRangeAt(0);
-            }
-          }
-          setSelectionRange(_range.cloneRange());
-          lastRangeRef.current = _range;
-        }
-      }, 100);
-    } else {
-      if (selectionTimeoutRef.current) {
-        clearTimeout(selectionTimeoutRef.current);
+      // Skip if the selection hasn't changed
+      if (lastRangeRef.current && _range.compareBoundaryPoints(Range.START_TO_START, lastRangeRef.current) === 0 && _range.compareBoundaryPoints(Range.END_TO_END, lastRangeRef.current) === 0) {
+        return;
       }
-      selectionTimeoutRef.current = setTimeout(function () {
-        var sel = document.getSelection();
-        if (!sel || sel.type !== 'Range' || sel.rangeCount !== 1) {
-          if (isAnnotationManagerEnabled) {
-            clearSelectionRange();
+      if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
+        var _range2 = _range,
+          startContainer = _range2.startContainer,
+          endContainer = _range2.endContainer;
+        var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
+        if (isTripleClick) {
+          var p = startContainer;
+          while (p && p.nodeName !== 'P' && p !== rendererDOM) {
+            p = p.parentNode;
           }
-          return;
-        }
-        var _range = sel.getRangeAt(0);
-        if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
-          var startContainer = _range.startContainer,
-            endContainer = _range.endContainer,
-            commonAncestorContainer = _range.commonAncestorContainer;
-          var parentNode = startContainer.parentNode;
-
-          // ED-23493
-          // On triple-click in Chrome and Safari, the native Selection API's range has endContainer as a non-text node
-          // and commonAncestorContainer as root level div.ak-renderer-document when the node is followed by div or hr.
-
-          // Triple clicks are the only case that can cause the endContainer to be a non-text node
-          // Same check for highlight range logic in confluence/next/packages/comments-util/src/domUtils.ts Line 180
-          var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
-
-          // isAnnotationAllowedOnRange range validation is checking if the parent container is root element and disable the comment if it is.
-          // platform/packages/editor/renderer/src/steps/index.ts Line 180
-
-          // This workaround ensures the endContainer is set to a text node when endContainer is non-text and the parent container is the root element
-          if (isTripleClick && commonAncestorContainer && commonAncestorContainer.nodeType === Node.ELEMENT_NODE &&
-          // Ignored via go/ees005
-          // eslint-disable-next-line @atlaskit/editor/no-as-casting
-          isRoot(commonAncestorContainer) && (parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName) === 'P' // ignore if the parent node is strong, em, etc.
-          ) {
-            var _parentNode$lastChild, _parentNode$lastChild2;
-            var lastChild = parentNode !== null && parentNode !== void 0 && parentNode.lastChild && (parentNode === null || parentNode === void 0 || (_parentNode$lastChild = parentNode.lastChild) === null || _parentNode$lastChild === void 0 ? void 0 : _parentNode$lastChild.nodeType) === Node.TEXT_NODE ? parentNode === null || parentNode === void 0 ? void 0 : parentNode.lastChild : parentNode === null || parentNode === void 0 || (_parentNode$lastChild2 = parentNode.lastChild) === null || _parentNode$lastChild2 === void 0 ? void 0 : _parentNode$lastChild2.childNodes[0];
-            _range.setEnd(lastChild, lastChild.length || 0);
+          if (p && p.nodeName === 'P' && p instanceof Element) {
+            var _range3 = document.createRange();
+            _range3.selectNodeContents(p);
+            sel.removeAllRanges();
+            sel.addRange(_range3);
+            _range = sel.getRangeAt(0);
           }
-          setSelectionRange(_range.cloneRange());
         }
-      }, 250);
-    }
+        setSelectionRange(_range.cloneRange());
+        lastRangeRef.current = _range;
+      }
+    }, 100);
   }, [rendererDOM, setSelectionRange, clearSelectionRange, isAnnotationManagerEnabled]);
   useEffect(function () {
     if (!document || !rendererDOM) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.9.9",
+	"version": "124.9.11",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/link-datasource": "^4.28.0",
+		"@atlaskit/link-datasource": "^4.29.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/media-card": "^79.6.0",
 		"@atlaskit/media-client": "^35.5.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.21.0",
+		"@atlaskit/editor-common": "^110.22.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -182,9 +182,6 @@
 		"platform_renderer_isPresentational": {
 			"type": "boolean"
 		},
-		"platform_renderer_triple_click_selects_paragraph": {
-			"type": "boolean"
-		},
 		"platform_ssr_smartlink_embeds": {
 			"type": "boolean"
 		},