@atlaskit/editor-plugin-card 32.0.0 → 32.1.1

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/editor-plugin-card
 
+## 32.1.1
+
+### Patch Changes
+
+- [`abb8145e77f80`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abb8145e77f80) -
+  Behind `platform_editor_reduce_forced_layout_2`, the inline, block and embed card node views no
+  longer call `findOverflowScrollParent` on the editor DOM when `IntersectionObserver` is available.
+  That lookup walked every ancestor calling `getComputedStyle`, forcing a style recalculation once
+  per card, and its only consumer was Smart Card's `container` prop. `container` is read in exactly
+  one place — `LazyLazilyRenderCard`, which Smart Card only renders when `IntersectionObserver` is
+  unsupported — so on every supported browser the result was discarded. The lookup is still
+  performed when `IntersectionObserver` is unavailable, preserving the legacy behaviour.
+- Updated dependencies
+
+## 32.1.0
+
+### Minor Changes
+
+- [`dd269d6b8b56d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd269d6b8b56d) -
+  Add optional `experimentalConfigurationOptions?: Record<string, boolean>` to `CardOptions` from
+  `@atlaskit/editor-common/card/cardOptions`, inherited by `@atlaskit/editor-plugin-card` options.
+
+  Setting `platform_sl_3p_preauth_value_modal_killswitch` to `false` in these options prevents the
+  editor from mounting the pre-auth modal listener. A value of `true`, an omitted key, or omitted
+  options preserve existing eligibility and rollout behavior; they do not override the kill switch
+  or experiment allocation. Unrelated keys are ignored by this feature.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 32.0.0
 
 ### Patch Changes

package/dist/cjs/cardPlugin.js

@@ -167,6 +167,7 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref2) {
       return plugins;
     },
     contentComponent: function contentComponent(_ref5) {
+      var _options$experimental;
       var editorView = _ref5.editorView,
         popupsMountPoint = _ref5.popupsMountPoint,
         popupsScrollableElement = _ref5.popupsScrollableElement,
@@ -176,7 +177,10 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref2) {
       }
       editorViewForPasteMenu = editorView;
       var breakoutEnabled = options.editorAppearance === 'full-page';
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _fg.fg)('platform_sl_3p_preauth_value_modal_killswitch') ? /*#__PURE__*/_react.default.createElement(_PreAuthValuePropositionModal.PreAuthValuePropositionModalListener, {
+      var isPreAuthModalOptedOut = ((_options$experimental = options.experimentalConfigurationOptions) === null || _options$experimental === void 0 ? void 0 : _options$experimental.platform_sl_3p_preauth_value_modal_killswitch) === false;
+      var isPreAuthModalKillswitchEnabled = (0, _fg.fg)('platform_sl_3p_preauth_value_modal_killswitch');
+      var shouldRenderPreAuthValuePropositionModal = !isPreAuthModalOptedOut && isPreAuthModalKillswitchEnabled;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldRenderPreAuthValuePropositionModal ? /*#__PURE__*/_react.default.createElement(_PreAuthValuePropositionModal.PreAuthValuePropositionModalListener, {
         api: api,
         cardPluginEvents: cardPluginEvents
       }) : null, shouldRegisterPasteDisplayAsMenu && /*#__PURE__*/_react.default.createElement(PasteMenuSmartCardClientSync, {

package/dist/cjs/nodeviews/blockCard.js

@@ -20,6 +20,7 @@ var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/rea
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _datasource = require("../nodeviews/datasource");
@@ -27,6 +28,7 @@ var _actions = require("../pm-plugins/actions");
 var _utils2 = require("../pm-plugins/utils");
 var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
 var _genericCard = require("./genericCard");
+var _isIntersectionObserverSupported = require("./isIntersectionObserverSupported");
 function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 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
@@ -36,8 +38,6 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
     var _this;
     (0, _classCallCheck2.default)(this, BlockCardComponent);
     _this = _callSuper(this, BlockCardComponent, [props]);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     (0, _defineProperty2.default)(_this, "onResolve", function (data) {
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -84,7 +84,9 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         throw err;
       }
     });
-    _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
+    _this.scrollContainer = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout_2') && (0, _isIntersectionObserverSupported.isIntersectionObserverSupported)() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
     return _this;
   }
   (0, _inherits2.default)(BlockCardComponent, _React$PureComponent);

package/dist/cjs/nodeviews/embedCard.js

@@ -25,6 +25,7 @@ var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _smartCard = require("@atlaskit/smart-card");
@@ -36,6 +37,7 @@ var _ResizableEmbedCard = _interopRequireDefault(require("../ui/ResizableEmbedCa
 var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
 var _blockCard = require("./blockCard");
 var _genericCard = require("./genericCard");
+var _isIntersectionObserverSupported = require("./isIntersectionObserverSupported");
 function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -146,8 +148,6 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
     var _this;
     (0, _classCallCheck2.default)(this, EmbedCardComponent);
     _this = _callSuper(this, EmbedCardComponent, [props]);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     (0, _defineProperty2.default)(_this, "embedIframeRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(_this, "getPosSafely", function () {
       var getPos = _this.props.getPos;
@@ -307,7 +307,9 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
       }
     });
     (0, _defineProperty2.default)(_this, "removeCardDispatched", false);
-    _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
+    _this.scrollContainer = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout_2') && (0, _isIntersectionObserverSupported.isIntersectionObserverSupported)() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
     _this.state = {
       hasPreview: true
     };

package/dist/cjs/nodeviews/inlineCardBase.js

@@ -17,6 +17,7 @@ var _ssr = require("@atlaskit/smart-card/ssr");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _actions = require("../pm-plugins/actions");
 var _toolbar = require("../ui/toolbar");
+var _isIntersectionObserverSupported = require("./isIntersectionObserverSupported");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 
@@ -60,11 +61,10 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  var scrollContainer = (0, _react.useMemo)(
-  // Ignored via go/ees005
-  // eslint-disable-next-line @atlaskit/editor/no-as-casting
-  function () {
-    return (0, _ui.findOverflowScrollParent)(view.dom) || undefined;
+  var scrollContainer = (0, _react.useMemo)(function () {
+    return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout_2') && (0, _isIntersectionObserverSupported.isIntersectionObserverSupported)() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    (0, _ui.findOverflowScrollParent)(view.dom) || undefined;
   }, [view.dom]);
   var onResolve = (0, _react.useCallback)(function (data) {
     if (!getPos || typeof getPos === 'boolean') {

package/dist/cjs/nodeviews/isIntersectionObserverSupported.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isIntersectionObserverSupported = void 0;
+/**
+ * Mirrors the internal check in `@atlaskit/smart-card`
+ * (`src/utils/is-intersection-observer-supported.tsx`), which is not part of that package's
+ * public API and so cannot be imported here.
+ *
+ * Smart Card only forwards its `container` prop to `react-lazily-render` when
+ * `IntersectionObserver` is unavailable. When it is available the prop is never read, so the
+ * caller can skip resolving a scroll container entirely.
+ */
+var isIntersectionObserverSupported = exports.isIntersectionObserverSupported = function isIntersectionObserverSupported() {
+  return typeof IntersectionObserver !== 'undefined';
+};

package/dist/es2019/cardPlugin.js

@@ -166,12 +166,16 @@ export const cardPlugin = ({
       popupsScrollableElement,
       popupsBoundariesElement
     }) {
+      var _options$experimental;
       if (!editorView) {
         return null;
       }
       editorViewForPasteMenu = editorView;
       const breakoutEnabled = options.editorAppearance === 'full-page';
-      return /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform_sl_3p_preauth_value_modal_killswitch') ? /*#__PURE__*/React.createElement(PreAuthValuePropositionModalListener, {
+      const isPreAuthModalOptedOut = ((_options$experimental = options.experimentalConfigurationOptions) === null || _options$experimental === void 0 ? void 0 : _options$experimental.platform_sl_3p_preauth_value_modal_killswitch) === false;
+      const isPreAuthModalKillswitchEnabled = fg('platform_sl_3p_preauth_value_modal_killswitch');
+      const shouldRenderPreAuthValuePropositionModal = !isPreAuthModalOptedOut && isPreAuthModalKillswitchEnabled;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderPreAuthValuePropositionModal ? /*#__PURE__*/React.createElement(PreAuthValuePropositionModalListener, {
         api: api,
         cardPluginEvents: cardPluginEvents
       }) : null, shouldRegisterPasteDisplayAsMenu && /*#__PURE__*/React.createElement(PasteMenuSmartCardClientSync, {

package/dist/es2019/nodeviews/blockCard.js

@@ -8,6 +8,7 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { Datasource } from '../nodeviews/datasource';
@@ -15,13 +16,12 @@ import { registerCard, removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
 import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { Card } from './genericCard';
+import { isIntersectionObserverSupported } from './isIntersectionObserverSupported';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class BlockCardComponent extends React.PureComponent {
   constructor(props) {
     super(props);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     _defineProperty(this, "onResolve", data => {
       const {
         getPos,
@@ -72,7 +72,9 @@ export class BlockCardComponent extends React.PureComponent {
         throw err;
       }
     });
-    this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    this.scrollContainer = isExperimentEnabled('platform_editor_reduce_forced_layout_2') && isIntersectionObserverSupported() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    findOverflowScrollParent(props.view.dom) || undefined;
   }
   componentWillUnmount() {
     this.removeCard();

package/dist/es2019/nodeviews/embedCard.js

@@ -13,6 +13,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
 import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
@@ -24,6 +25,7 @@ import ResizableEmbedCard from '../ui/ResizableEmbedCard';
 import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { BlockCardComponent } from './blockCard';
 import { Card } from './genericCard';
+import { isIntersectionObserverSupported } from './isIntersectionObserverSupported';
 
 /**
  * Returns a forced aspect ratio for URLs that have a known canvas shape,
@@ -130,8 +132,6 @@ const CardInner = ({
 export class EmbedCardComponent extends React.PureComponent {
   constructor(props) {
     super(props);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     _defineProperty(this, "embedIframeRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "getPosSafely", () => {
       const {
@@ -303,7 +303,9 @@ export class EmbedCardComponent extends React.PureComponent {
       }
     });
     _defineProperty(this, "removeCardDispatched", false);
-    this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    this.scrollContainer = isExperimentEnabled('platform_editor_reduce_forced_layout_2') && isIntersectionObserverSupported() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    findOverflowScrollParent(props.view.dom) || undefined;
     this.state = {
       hasPreview: true
     };

package/dist/es2019/nodeviews/inlineCardBase.js

@@ -10,6 +10,7 @@ import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { visitCardLinkAnalytics } from '../ui/toolbar';
+import { isIntersectionObserverSupported } from './isIntersectionObserverSupported';
 export const InlineCard = /*#__PURE__*/memo(({
   node,
   cardContext,
@@ -55,10 +56,9 @@ export const InlineCard = /*#__PURE__*/memo(({
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  const scrollContainer = useMemo(
-  // Ignored via go/ees005
+  const scrollContainer = useMemo(() => isExperimentEnabled('platform_editor_reduce_forced_layout_2') && isIntersectionObserverSupported() ? undefined :
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
-  () => findOverflowScrollParent(view.dom) || undefined, [view.dom]);
+  findOverflowScrollParent(view.dom) || undefined, [view.dom]);
   const onResolve = useCallback(data => {
     if (!getPos || typeof getPos === 'boolean') {
       return;

package/dist/es2019/nodeviews/isIntersectionObserverSupported.js

@@ -0,0 +1,10 @@
+/**
+ * Mirrors the internal check in `@atlaskit/smart-card`
+ * (`src/utils/is-intersection-observer-supported.tsx`), which is not part of that package's
+ * public API and so cannot be imported here.
+ *
+ * Smart Card only forwards its `container` prop to `react-lazily-render` when
+ * `IntersectionObserver` is unavailable. When it is available the prop is never read, so the
+ * caller can skip resolving a scroll container entirely.
+ */
+export const isIntersectionObserverSupported = () => typeof IntersectionObserver !== 'undefined';

package/dist/esm/cardPlugin.js

@@ -159,6 +159,7 @@ export var cardPlugin = function cardPlugin(_ref2) {
       return plugins;
     },
     contentComponent: function contentComponent(_ref5) {
+      var _options$experimental;
       var editorView = _ref5.editorView,
         popupsMountPoint = _ref5.popupsMountPoint,
         popupsScrollableElement = _ref5.popupsScrollableElement,
@@ -168,7 +169,10 @@ export var cardPlugin = function cardPlugin(_ref2) {
       }
       editorViewForPasteMenu = editorView;
       var breakoutEnabled = options.editorAppearance === 'full-page';
-      return /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform_sl_3p_preauth_value_modal_killswitch') ? /*#__PURE__*/React.createElement(PreAuthValuePropositionModalListener, {
+      var isPreAuthModalOptedOut = ((_options$experimental = options.experimentalConfigurationOptions) === null || _options$experimental === void 0 ? void 0 : _options$experimental.platform_sl_3p_preauth_value_modal_killswitch) === false;
+      var isPreAuthModalKillswitchEnabled = fg('platform_sl_3p_preauth_value_modal_killswitch');
+      var shouldRenderPreAuthValuePropositionModal = !isPreAuthModalOptedOut && isPreAuthModalKillswitchEnabled;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderPreAuthValuePropositionModal ? /*#__PURE__*/React.createElement(PreAuthValuePropositionModalListener, {
         api: api,
         cardPluginEvents: cardPluginEvents
       }) : null, shouldRegisterPasteDisplayAsMenu && /*#__PURE__*/React.createElement(PasteMenuSmartCardClientSync, {

package/dist/esm/nodeviews/blockCard.js

@@ -17,6 +17,7 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { Datasource } from '../nodeviews/datasource';
@@ -24,6 +25,7 @@ import { registerCard, removeCard as _removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
 import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { Card } from './genericCard';
+import { isIntersectionObserverSupported } from './isIntersectionObserverSupported';
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
@@ -31,8 +33,6 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     var _this;
     _classCallCheck(this, BlockCardComponent);
     _this = _callSuper(this, BlockCardComponent, [props]);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     _defineProperty(_this, "onResolve", function (data) {
       var _this$props = _this.props,
         getPos = _this$props.getPos,
@@ -79,7 +79,9 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         throw err;
       }
     });
-    _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    _this.scrollContainer = isExperimentEnabled('platform_editor_reduce_forced_layout_2') && isIntersectionObserverSupported() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    findOverflowScrollParent(props.view.dom) || undefined;
     return _this;
   }
   _inherits(BlockCardComponent, _React$PureComponent);

package/dist/esm/nodeviews/embedCard.js

@@ -24,6 +24,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
 import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
@@ -35,6 +36,7 @@ import ResizableEmbedCard from '../ui/ResizableEmbedCard';
 import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
 import { BlockCardComponent } from './blockCard';
 import { Card } from './genericCard';
+import { isIntersectionObserverSupported } from './isIntersectionObserverSupported';
 
 /**
  * Returns a forced aspect ratio for URLs that have a known canvas shape,
@@ -141,8 +143,6 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     var _this;
     _classCallCheck(this, EmbedCardComponent);
     _this = _callSuper(this, EmbedCardComponent, [props]);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     _defineProperty(_this, "embedIframeRef", /*#__PURE__*/React.createRef());
     _defineProperty(_this, "getPosSafely", function () {
       var getPos = _this.props.getPos;
@@ -302,7 +302,9 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     _defineProperty(_this, "removeCardDispatched", false);
-    _this.scrollContainer = findOverflowScrollParent(props.view.dom) || undefined;
+    _this.scrollContainer = isExperimentEnabled('platform_editor_reduce_forced_layout_2') && isIntersectionObserverSupported() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    findOverflowScrollParent(props.view.dom) || undefined;
     _this.state = {
       hasPreview: true
     };

package/dist/esm/nodeviews/inlineCardBase.js

@@ -10,6 +10,7 @@ import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { registerCard, removeCard } from '../pm-plugins/actions';
 import { visitCardLinkAnalytics } from '../ui/toolbar';
+import { isIntersectionObserverSupported } from './isIntersectionObserverSupported';
 export var InlineCard = /*#__PURE__*/memo(function (_ref) {
   var _cardContext$value;
   var node = _ref.node,
@@ -50,11 +51,10 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       view.dispatch(tr);
     };
   }, [getPos, view]);
-  var scrollContainer = useMemo(
-  // Ignored via go/ees005
-  // eslint-disable-next-line @atlaskit/editor/no-as-casting
-  function () {
-    return findOverflowScrollParent(view.dom) || undefined;
+  var scrollContainer = useMemo(function () {
+    return isExperimentEnabled('platform_editor_reduce_forced_layout_2') && isIntersectionObserverSupported() ? undefined :
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    findOverflowScrollParent(view.dom) || undefined;
   }, [view.dom]);
   var onResolve = useCallback(function (data) {
     if (!getPos || typeof getPos === 'boolean') {

package/dist/esm/nodeviews/isIntersectionObserverSupported.js

@@ -0,0 +1,12 @@
+/**
+ * Mirrors the internal check in `@atlaskit/smart-card`
+ * (`src/utils/is-intersection-observer-supported.tsx`), which is not part of that package's
+ * public API and so cannot be imported here.
+ *
+ * Smart Card only forwards its `container` prop to `react-lazily-render` when
+ * `IntersectionObserver` is unavailable. When it is available the prop is never read, so the
+ * caller can skip resolving a scroll container entirely.
+ */
+export var isIntersectionObserverSupported = function isIntersectionObserverSupported() {
+  return typeof IntersectionObserver !== 'undefined';
+};

package/dist/types/nodeviews/isIntersectionObserverSupported.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Mirrors the internal check in `@atlaskit/smart-card`
+ * (`src/utils/is-intersection-observer-supported.tsx`), which is not part of that package's
+ * public API and so cannot be imported here.
+ *
+ * Smart Card only forwards its `container` prop to `react-lazily-render` when
+ * `IntersectionObserver` is unavailable. When it is available the prop is never read, so the
+ * caller can skip resolving a scroll container entirely.
+ */
+export declare const isIntersectionObserverSupported: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "32.0.0",
+	"version": "32.1.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/editor-plugin-user-intent": "^24.0.0",
 		"@atlaskit/editor-plugin-width": "^27.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
-		"@atlaskit/editor-shared-styles": "^4.3.0",
+		"@atlaskit/editor-shared-styles": "^4.4.0",
 		"@atlaskit/editor-smart-link-draggable": "^1.2.0",
 		"@atlaskit/editor-toolbar": "^2.8.0",
 		"@atlaskit/editor-ui-control-model": "^2.10.0",
@@ -63,8 +63,8 @@
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/prosemirror-history": "^1.3.0",
-		"@atlaskit/smart-card": "^46.5.0",
-		"@atlaskit/tmp-editor-statsig": "^227.0.0",
+		"@atlaskit/smart-card": "^46.6.0",
+		"@atlaskit/tmp-editor-statsig": "^229.0.0",
 		"@atlaskit/tokens": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -74,7 +74,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^130.0.0",
+		"@atlaskit/editor-common": "^130.3.0",
 		"@atlaskit/link-provider": "^6.0.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"