@atlaskit/renderer 133.2.1 → 133.3.1

package/dist/cjs/i18n/sr_RS.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _sr_RS = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/sr_RS"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Serbian (Serbia) [sr-RS]
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
-  'fabric.editor.headingLink.copied': 'Kopirano!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
-  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
-  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
-  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
-  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
-};
+var _default = exports.default = _sr_RS.default;

package/dist/cjs/i18n/sr_YR.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _sr_YR = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/sr_YR"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Serbian (Cyrillic) [sr-YR]
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'растући',
-  'fabric.editor.headingLink.copied': 'Копирано!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Копирај линк наслова',
-  'fabric.editor.headingLink.copyAriaLabel': 'Копирај',
-  'fabric.editor.headingLink.descSortingLabel': 'опадајући',
-  'fabric.editor.headingLink.failedToCopy': 'Копирање није успело',
-  'fabric.editor.headingLink.noneSortingLabel': 'ништа',
-  'fabric.editor.inlineComment.marker.end': 'крај уметнутог коментара',
-  'fabric.editor.inlineComment.marker.start': 'почетак уметнутог коментара'
-};
+var _default = exports.default = _sr_YR.default;

package/dist/cjs/i18n/sv.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _sv = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/sv"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Swedish
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'stigande',
-  'fabric.editor.headingLink.copied': 'Kopierad!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiera länk till rubrik',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiera',
-  'fabric.editor.headingLink.descSortingLabel': 'fallande',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiering misslyckades',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ingen',
-  'fabric.editor.inlineComment.marker.end': 'slut på inlinekommentarer',
-  'fabric.editor.inlineComment.marker.start': 'start på inlinekommentarer'
-};
+var _default = exports.default = _sv.default;

package/dist/cjs/i18n/th.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _th = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/th"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Thai (Thailand)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'จากน้อยไปหามาก',
-  'fabric.editor.headingLink.copied': 'คัดลอกแล้ว!',
-  'fabric.editor.headingLink.copyAnchorLink': 'คัดลอกลิงก์ที่เชื่อมไปยังหัวเรื่อง',
-  'fabric.editor.headingLink.copyAriaLabel': 'คัดลอก',
-  'fabric.editor.headingLink.descSortingLabel': 'จากมากไปหาน้อย',
-  'fabric.editor.headingLink.failedToCopy': 'การคัดลอกไม่สำเร็จ',
-  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี',
-  'fabric.editor.inlineComment.marker.end': 'สิ้นสุดความคิดเห็นในบรรทัด',
-  'fabric.editor.inlineComment.marker.start': 'เริ่มต้นความคิดเห็นในบรรทัด'
-};
+var _default = exports.default = _th.default;

package/dist/cjs/i18n/tr.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _tr = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/tr"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Turkish (Turkey)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'artan',
-  'fabric.editor.headingLink.copied': 'Kopyalandı!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Başlık bağlantısını kopyala',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopyala',
-  'fabric.editor.headingLink.descSortingLabel': 'azalan',
-  'fabric.editor.headingLink.failedToCopy': 'Kopyalama işlemi başarısız oldu',
-  'fabric.editor.headingLink.noneSortingLabel': 'yok',
-  'fabric.editor.inlineComment.marker.end': 'satır içi yorum sonu',
-  'fabric.editor.inlineComment.marker.start': 'satır içi yorum başlangıcı'
-};
+var _default = exports.default = _tr.default;

package/dist/cjs/i18n/uk.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _uk = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/uk"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Ukrainian (Ukraine)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'за зростанням',
-  'fabric.editor.headingLink.copied': 'Скопійовано',
-  'fabric.editor.headingLink.copyAnchorLink': 'Скопіювати посилання на заголовок',
-  'fabric.editor.headingLink.copyAriaLabel': 'Копіювати',
-  'fabric.editor.headingLink.descSortingLabel': 'за спаданням',
-  'fabric.editor.headingLink.failedToCopy': 'Не вдалося скопіювати',
-  'fabric.editor.headingLink.noneSortingLabel': 'Немає',
-  'fabric.editor.inlineComment.marker.end': 'кінець вбудованого коментаря',
-  'fabric.editor.inlineComment.marker.start': 'початок вбудованого коментаря'
-};
+var _default = exports.default = _uk.default;

package/dist/cjs/i18n/vi.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _vi = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/vi"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Vietnamese (Vietnam)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': 'tăng dần',
-  'fabric.editor.headingLink.copied': 'Đã sao chép!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Sao chép liên kết vào tiêu đề',
-  'fabric.editor.headingLink.copyAriaLabel': 'Sao chép',
-  'fabric.editor.headingLink.descSortingLabel': 'giảm dần',
-  'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
-  'fabric.editor.headingLink.noneSortingLabel': 'không có',
-  'fabric.editor.inlineComment.marker.end': 'bình luận nội tuyến kết thúc',
-  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu'
-};
+var _default = exports.default = _vi.default;

package/dist/cjs/i18n/zh.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _zh = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Simplified)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': '升序',
-  'fabric.editor.headingLink.copied': '已复制！',
-  'fabric.editor.headingLink.copyAnchorLink': '复制标题链接',
-  'fabric.editor.headingLink.copyAriaLabel': '复制',
-  'fabric.editor.headingLink.descSortingLabel': '降序',
-  'fabric.editor.headingLink.failedToCopy': '复制失败',
-  'fabric.editor.headingLink.noneSortingLabel': '无',
-  'fabric.editor.inlineComment.marker.end': '内联评论结束',
-  'fabric.editor.inlineComment.marker.start': '内联评论开始'
-};
+var _default = exports.default = _zh.default;

package/dist/cjs/i18n/zh_TW.js

@@ -1,25 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _zh_TW = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh_TW"));
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Traditional)
-var _default = exports.default = {
-  'fabric.editor.headingLink.ascSortingLabel': '遞增',
-  'fabric.editor.headingLink.copied': '已複製！',
-  'fabric.editor.headingLink.copyAnchorLink': '複製標題連結',
-  'fabric.editor.headingLink.copyAriaLabel': '複製',
-  'fabric.editor.headingLink.descSortingLabel': '遞減',
-  'fabric.editor.headingLink.failedToCopy': '複製失敗',
-  'fabric.editor.headingLink.noneSortingLabel': '無',
-  'fabric.editor.inlineComment.marker.end': '內嵌留言結束',
-  'fabric.editor.inlineComment.marker.start': '內嵌留言開始'
-};
+var _default = exports.default = _zh_TW.default;

package/dist/cjs/react/index.js

@@ -719,9 +719,14 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
           });
         });
       }
+
+      // Only compute searchText when the browser find experiment is enabled,
+      // to avoid unnecessary node.textContent string allocations per expand node.
+      var searchText = (0, _expValEquals.expValEquals)('platform_editor_close_expand_find', 'isEnabled', true) ? node.textContent : undefined;
       if (!(0, _links.isNestedHeaderLinksEnabled)(this.allowHeadingAnchorLinks)) {
         return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-          loadBodyContent: loadBodyContent
+          loadBodyContent: loadBodyContent,
+          searchText: searchText
         });
       }
       var nestedHeaderIds = (0, _utils2.findChildrenByType)(node, node.type.schema.nodes.heading).map(function (_ref4) {
@@ -730,7 +735,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       });
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         nestedHeaderIds: nestedHeaderIds,
-        loadBodyContent: loadBodyContent
+        loadBodyContent: loadBodyContent,
+        searchText: searchText
       });
     }
 

package/dist/cjs/react/nodes/extension.js

@@ -103,7 +103,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
   var extensionHeight = nodeHeight || viewportSize;
   var isInline = (shouldDisplayExtensionAsInline === null || shouldDisplayExtensionAsInline === void 0 ? void 0 : shouldDisplayExtensionAsInline(node)) && (0, _expValEquals.expValEquals)('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true);
   var inlineClassName = isInline ? _consts.RendererCssClassName.EXTENSION_AS_INLINE : '';
-  var asInlineAnalytics = isInline && fireAnalyticsEvent && node && (0, _platformFeatureFlags.fg)('platform_editor_render_inline_extension_analytics') ? (0, _react.jsx)(FireExtensionAsInlineAnalytics, {
+  var asInlineAnalytics = isInline && fireAnalyticsEvent && node ? (0, _react.jsx)(FireExtensionAsInlineAnalytics, {
     fireAnalyticsEvent: fireAnalyticsEvent,
     node: node
   }) : null;

package/dist/cjs/ui/Expand.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
+var _bindEventListener = require("bind-event-listener");
+var _browserApis = require("@atlaskit/browser-apis");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -27,8 +29,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-
 var titleStyles = (0, _react.css)({
   outline: 'none',
   border: 'none',
@@ -100,12 +100,17 @@ var titleContainerStyles = (0, _react.css)({
 var titleContainerStylesExpanded = (0, _react.css)({
   paddingBottom: "var(--ds-space-0, 0px)"
 });
+
+// Base styles for the content container. visibility:hidden hides collapsed content.
+// When browser find is enabled, the useEffect clears visibility:hidden after setting
+// hidden="until-found" on the DOM element, which applies content-visibility:hidden natively —
+// this hides the content while allowing browser Ctrl+F to index the text.
+// The visibility:hidden in CSS serves as an SSR fallback (useEffect doesn't run server-side).
 var contentContainerStyles = (0, _react.css)({
   paddingTop: "var(--ds-space-0, 0px)",
   marginLeft: "var(--ds-space-050, 4px)",
   paddingRight: "var(--ds-space-200, 16px)",
   paddingLeft: "var(--ds-space-400, 32px)",
-  display: 'flow-root',
   visibility: 'hidden',
   // The follow rules inside @supports block are added as a part of ED-8893
   // The fix is targeting mobile bridge on iOS 12 or below,
@@ -115,6 +120,13 @@ var contentContainerStyles = (0, _react.css)({
     boxSizing: 'border-box'
   }
 });
+
+// display:flow-root is applied only when browser find is NOT enabled.
+// It must NOT be set when browser find is enabled — it overrides the
+// content-visibility:hidden applied by hidden="until-found" and makes content visible.
+var contentContainerStylesFlowRoot = (0, _react.css)({
+  display: 'flow-root'
+});
 var contentContainerStylesExpanded = (0, _react.css)({
   paddingTop: "var(--ds-space-100, 8px)",
   visibility: 'visible'
@@ -132,6 +144,19 @@ var contentContainerStylesNotExpanded = (0, _react.css)({
     userSelect: 'none'
   }
 });
+
+// When browser find is enabled and expand is collapsed, we rely on the
+// hidden="until-found" attribute on the outer container to hide content.
+// We remove height:0/overflow:hidden/clip from the inner wrapper so the
+// browser can actually search through the content.
+var contentContainerStylesNotExpandedBrowserFind = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.expand-content-wrapper, .nestedExpand-content-wrapper': {
+    width: '100%',
+    display: 'block',
+    userSelect: 'none'
+  }
+});
 var clearNextSiblingMarginTopStyle = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& + *': {
@@ -178,7 +203,8 @@ var TitleContainer = function TitleContainer(props) {
 TitleContainer.displayName = 'TitleContainerButton';
 var ContentContainer = function ContentContainer(props) {
   return (0, _react.jsx)("div", {
-    css: [contentContainerStyles, props.expanded && contentContainerStylesExpanded, !props.expanded && contentContainerStylesNotExpanded]
+    ref: props.contentRef,
+    css: [contentContainerStyles, !props.enableBrowserFind && contentContainerStylesFlowRoot, props.expanded && contentContainerStylesExpanded, !props.expanded && (props.enableBrowserFind ? contentContainerStylesNotExpandedBrowserFind : contentContainerStylesNotExpanded)]
   }, props.children);
 };
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
@@ -205,7 +231,8 @@ function Expand(_ref2) {
     localId = _ref2.localId,
     nestedHeaderIds = _ref2.nestedHeaderIds,
     rendererContentMode = _ref2.rendererContentMode,
-    loadBodyContent = _ref2.loadBodyContent;
+    loadBodyContent = _ref2.loadBodyContent,
+    searchText = _ref2.searchText;
   var _React$useState = _react2.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     expanded = _React$useState2[0],
@@ -222,14 +249,99 @@ function Expand(_ref2) {
   var label = intl.formatMessage(expanded ? _ui.expandMessages.collapseNode : _ui.expandMessages.expandNode);
   var _useRef = (0, _react2.useRef)((0, _uniqueId2.default)('expand-title-')),
     id = _useRef.current;
+  var contentContainerRef = (0, _react2.useRef)(null);
+  var contentWrapperRef = (0, _react2.useRef)(null);
   var handleFocus = (0, _react2.useCallback)(function () {
     return setFocused(true);
   }, []);
   var handleBlur = (0, _react2.useCallback)(function () {
     return setFocused(false);
   }, []);
+  var expandForBrowserFind = (0, _react2.useCallback)(function () {
+    setHasLoadedChildren(true);
+    setExpanded(true);
+  }, []);
   var isCompactModeSupported = (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp');
   var isCompact = rendererContentMode === 'compact' && isCompactModeSupported;
+  var shouldRenderLazyChildren = hasLoadedChildren || loadBodyContent;
+  // Only render the lightweight text placeholder when lazy load is ON and
+  // children haven't been loaded yet. When lazy load is OFF, children are
+  // always in the DOM — hidden="until-found" on the wrapper already makes
+  // them searchable by browser find, so no placeholder is needed.
+  var shouldRenderBrowserFindText = !shouldRenderLazyChildren && searchText && (0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content') && (0, _expValEquals.expValEquals)('platform_editor_close_expand_find', 'isEnabled', true);
+
+  // Feature-detect hidden="until-found" support via the beforematch event.
+  // Chrome 102+ and Firefox 130+ support it; Safari does not yet.
+  // In unsupported browsers, setting hidden="until-found" is treated as boolean hidden
+  // (display:none), which would break the expand entirely.
+  // Initialised as false and set in useEffect to avoid SSR/client hydration mismatch —
+  // useMemo would return true on the client's first render in supported browsers,
+  // differing from the server snapshot which always produces false.
+  var _React$useState7 = _react2.default.useState(false),
+    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+    supportsHiddenUntilFound = _React$useState8[0],
+    setSupportsHiddenUntilFound = _React$useState8[1];
+  _react2.default.useEffect(function () {
+    var doc = (0, _browserApis.getDocument)();
+    setSupportsHiddenUntilFound(doc !== null && doc !== void 0 && doc.body ? 'onbeforematch' in doc.body : false);
+  }, []);
+
+  // React 18 treats `hidden` as a boolean attribute and strips the "until-found" value,
+  // rendering it as just `hidden` (which applies display:none and blocks find-in-page).
+  // We bypass React by setting the attribute directly on the DOM element around the text.
+  //
+  // We also remove the CSS visibility:hidden (SSR fallback) once hidden="until-found" is set,
+  // because visibility:hidden blocks browser find. On expanded, we restore visibility to visible.
+  //
+  // Only applied when the browser supports hidden="until-found" (detected via onbeforematch).
+  // In unsupported browsers (Safari), we skip this entirely and fall back to the normal
+  // CSS hiding (visibility:hidden + height:0), which doesn't support find-in-page but
+  // still works correctly for expand/collapse.
+  _react2.default.useEffect(function () {
+    var contentContainer = contentContainerRef.current;
+    var contentWrapper = contentWrapperRef.current;
+    if (!contentWrapper) {
+      return;
+    }
+    if (supportsHiddenUntilFound && (0, _expValEquals.expValEquals)('platform_editor_close_expand_find', 'isEnabled', true) && !expanded) {
+      contentWrapper.setAttribute('hidden', 'until-found');
+      // Override the CSS visibility:hidden from contentContainerStyles — hidden="until-found"
+      // now handles hiding via content-visibility:hidden, which allows browser find to index
+      // the content. We use 'visible' (not '') because '' only clears the inline style but
+      // the Emotion CSS class rule still applies visibility:hidden, blocking find-in-page.
+      contentContainer === null || contentContainer === void 0 || contentContainer.style.setProperty('visibility', 'visible');
+      contentWrapper.style.visibility = 'visible';
+    } else {
+      contentWrapper.removeAttribute('hidden');
+      contentContainer === null || contentContainer === void 0 || contentContainer.style.removeProperty('visibility');
+      contentWrapper.style.visibility = '';
+    }
+  }, [expanded, supportsHiddenUntilFound]);
+  _react2.default.useEffect(function () {
+    if (!(0, _expValEquals.expValEquals)('platform_editor_close_expand_find', 'isEnabled', true) || expanded) {
+      return;
+    }
+    var contentWrapper = contentWrapperRef.current;
+    var unbindWrapperBeforeMatch = contentWrapper && supportsHiddenUntilFound ? (0, _bindEventListener.bind)(contentWrapper, {
+      type: 'beforematch',
+      listener: expandForBrowserFind
+    }) : undefined;
+    return function () {
+      unbindWrapperBeforeMatch === null || unbindWrapperBeforeMatch === void 0 || unbindWrapperBeforeMatch();
+    };
+  }, [expandForBrowserFind, expanded, supportsHiddenUntilFound]);
+  var expandContent = children;
+  if (shouldRenderBrowserFindText) {
+    // Browser find path: keep a lightweight text mirror in the closed expand
+    // so Ctrl+F can index it without mounting the rich children tree.
+    expandContent = (0, _react.jsx)("span", null, searchText);
+  } else if (!shouldRenderLazyChildren && (0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content')) {
+    expandContent = null;
+  } else if ((0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content')) {
+    expandContent = (0, _react.jsx)(_react2.Suspense, {
+      fallback: (0, _react.jsx)("div", null, intl.formatMessage(_ui.expandMessages.loading))
+    }, (0, _react.jsx)(LazyChildren, null, children));
+  }
   return (0, _react.jsx)(Container, {
     "data-testid": "expand-container-".concat(nodeType, "-").concat(id),
     "data-node-type": nodeType,
@@ -294,14 +406,15 @@ function Expand(_ref2) {
     css: [titleStyles, isCompact && titleStylesDense],
     id: id
   }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), (0, _react.jsx)(ContentContainer, {
-    expanded: expanded
+    expanded: expanded,
+    enableBrowserFind: supportsHiddenUntilFound && (0, _expValEquals.expValEquals)('platform_editor_close_expand_find', 'isEnabled', true),
+    contentRef: contentContainerRef
   }, (0, _react.jsx)("div", {
-    className: "".concat(nodeType, "-content-wrapper")
+    className: "".concat(nodeType, "-content-wrapper"),
+    ref: contentWrapperRef
   }, (0, _react.jsx)(_ui.WidthProvider, null, (0, _react.jsx)("div", {
     css: clearNextSiblingMarginTopStyle
-  }), (0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content') ? hasLoadedChildren || loadBodyContent ? (0, _react.jsx)(_react2.Suspense, {
-    fallback: (0, _react.jsx)("div", null, intl.formatMessage(_ui.expandMessages.loading))
-  }, (0, _react.jsx)(LazyChildren, null, children)) : null : children))));
+  }), expandContent))));
 }
 
 // eslint-disable-next-line @typescript-eslint/ban-types

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

@@ -16,10 +16,8 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _types = require("@atlaskit/analytics-listeners/types");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _events = require("../../analytics/events");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _uuid = _interopRequireDefault(require("uuid"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var FAILED_TO_EXECUTE_REGEX = /Failed to execute.*on 'Node'.*/;
@@ -114,11 +112,8 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Compon
     key: "render",
     value: function render() {
       if (this.state.domError) {
-        var key = (0, _expValEquals.expValEquals)('platform_editor_renderer_error_boundary_stable_key', 'isEnabled', true) ? this.state.domErrorCount :
-        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-        (0, _uuid.default)();
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: key
+          key: this.state.domErrorCount
         }, this.props.children);
       }
       if (this.shouldRecover()) {