Block: Fix issues with rearranging stories in Firefox

packages/stories-block/src/block/components/storyPicker/itemOverlay.js

@@ -31,6 +31,7 @@ function ItemOverlay({
   story,
   addSelectedStory,
   removeSelectedStory,
+  isSelectable,
 }) {
   const onClickOverlay = useCallback(
     (event) => {
@@ -58,6 +59,10 @@ function ItemOverlay({
     [removeSelectedStory, addSelectedStory, story, isSelected]
   );
 
+  if (!isSelectable) {
+    return <div className="web-stories-story-preview-card__overlay" />;
+  }
+
   return (
     <button
       type="button"
@@ -88,6 +93,7 @@ ItemOverlay.propTypes = {
   story: PropTypes.object.isRequired,
   addSelectedStory: PropTypes.func,
   removeSelectedStory: PropTypes.func,
+  isSelectable: PropTypes.bool,
 };
 
 export default ItemOverlay;

packages/stories-block/src/block/components/storyPicker/sortStories.js

@@ -143,7 +143,7 @@ function SortStories({ selectedStories, setSelectedStories }) {
                       data-order={index}
                       draggable
                     >
-                      <StoryPreview story={story} />
+                      <StoryPreview story={story} isSelectable={false} />
                     </div>
                   );
                 }}

packages/stories-block/src/block/components/storyPicker/storyPreview.js

@@ -38,6 +38,7 @@ function StoryPreview({
   isSelected,
   addSelectedStory = noop,
   removeSelectedStory = noop,
+  isSelectable = true,
 }) {
   // @todo Keep an eye on this experimental API, make necessary changes when this gets updated in core.
   const dateFormat = __experimentalGetSettings().formats.date;
@@ -83,6 +84,7 @@ function StoryPreview({
           story={story}
           addSelectedStory={addSelectedStory}
           removeSelectedStory={removeSelectedStory}
+          isSelectable={isSelectable}
         />
         {posterImage && (
           <img src={posterImage} alt="" width={640} height={853} />
@@ -108,6 +110,7 @@ StoryPreview.propTypes = {
   isSelected: PropTypes.bool,
   addSelectedStory: PropTypes.func,
   removeSelectedStory: PropTypes.func,
+  isSelectable: PropTypes.bool,
 };
 
 export default StoryPreview;