cozy-sharing 33.3.2 → 33.3.3

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [33.3.3](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.3.2...cozy-sharing@33.3.3) (2026-06-11)
+
+### Bug Fixes
+
+- **cozy-sharing:** Scroll members list in federated share dialogs ([a3b8a64](https://github.com/cozy/cozy-libs/commit/a3b8a6460efa0b6228cdbf825eca7b950300b2f9))
+
 ## [33.3.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.3.1...cozy-sharing@33.3.2) (2026-06-11)
 
 ### Bug Fixes

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -26,6 +26,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",
@@ -221,10 +224,12 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
     },
     componentsProps: {
       dialogContent: {
-        className: 'u-ov-visible'
+        className: styles['share-dialog-scrollable-content']
       }
     },
-    content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    content: /*#__PURE__*/React.createElement("div", {
+      className: styles['share-dialog-scrollable-body']
+    }, /*#__PURE__*/React.createElement("div", {
       className: "u-ph-2"
     }, /*#__PURE__*/React.createElement(AntivirusAlert, {
       document: isSending ? frozenDoc : existingDocument
@@ -250,7 +255,7 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
       recipients: isSending ? frozenRecipients : existingRecipients,
       document: isSending ? frozenDoc : existingDocument,
       documentType: "Files",
-      className: "u-w-100",
+      className: styles['share-dialog-members'],
       onRevoke: revoke,
       link: displayedLink
     })),

package/dist/components/Recipient/RecipientConfirm.js

@@ -14,6 +14,9 @@ var modalStyles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/ShareByEmail.js

@@ -19,6 +19,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/ShareDialogCozyToCozy.js

@@ -37,6 +37,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/ShareModal/SharingDetailsModal.js

@@ -18,6 +18,9 @@ var styles = {
   "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
   "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
   "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
   "share-details-created": "share__share-details-created___z3nvO",

package/dist/components/SharedDrive/EditSharedDriveModal.js

@@ -21,6 +21,27 @@ import { getOrCreateFromArray } from '../../helpers/contacts';
 import withLocales from '../../hoc/withLocales';
 import { usePendingRecipients } from '../../hooks/usePendingRecipients';
 import { useSharingContext } from '../../hooks/useSharingContext';
+var styles = {
+  "share-modal-content": "share__share-modal-content___1iqEq",
+  "coz-form": "share__coz-form___1ICST",
+  "coz-form-group": "share__coz-form-group___VsQp7",
+  "coz-form-desc": "share__coz-form-desc___2mYN4",
+  "coz-form-label": "share__coz-form-label___bogBw",
+  "coz-form-label--error": "share__coz-form-label--error___3YPkf",
+  "coz-form-errors": "share__coz-form-errors___2xYRz",
+  "coz-form-controls": "share__coz-form-controls___H8kGc",
+  "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
+  "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
+  "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
+  "share-details-created": "share__share-details-created___z3nvO",
+  "share-details-perm": "share__share-details-perm___3HjxK",
+  "share-details-perm-desc": "share__share-details-perm-desc___3HyHu"
+};
 import { default as DumbShareByEmail } from '../ShareByEmail';
 import WhoHasAccess from '../WhoHasAccess';
 export var EditSharedDriveModal = withLocales(function (_ref) {
@@ -109,10 +130,12 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
     },
     componentsProps: {
       dialogContent: {
-        className: 'u-ov-visible'
+        className: styles['share-dialog-scrollable-content']
       }
     },
-    content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    content: /*#__PURE__*/React.createElement("div", {
+      className: styles['share-dialog-scrollable-body']
+    }, /*#__PURE__*/React.createElement("div", {
       className: "u-ph-2 u-pt-2"
     }, /*#__PURE__*/React.createElement(SharedDriveHeader, {
       title: t('SharedDrive.editSharedDriveModal.title')
@@ -143,7 +166,7 @@ export var EditSharedDriveModal = withLocales(function (_ref) {
       recipients: existingRecipients,
       document: document,
       documentType: "Files",
-      className: "u-w-100",
+      className: styles['share-dialog-members'],
       onRevoke: revoke
     }), /*#__PURE__*/React.createElement("div", {
       className: "u-flex u-ph-2 u-pv-1"

package/dist/styles/share.styl

@@ -2,6 +2,39 @@
 @require 'components/popover.styl'
 @require 'settings/breakpoints.styl'
 
+// The federated share dialogs keep overflow visible so the contact
+// suggestions dropdown can pop over the dialog, which disables the dialog's
+// native scrolling. These classes pass the height constraint down through
+// the flex chain so only the members list scrolls.
+.share-dialog-scrollable-content
+    display flex
+    flex-direction column
+    min-height 0
+    // keep the contact suggestions dropdown visible over the dialog;
+    // !important to win over MUI's DialogContent overflow-y auto
+    overflow visible !important // @stylint ignore
+
+    // cozy-ui dialogs expose no componentsProps hook for their
+    // .dialogContentInner wrapper, but the classname is a stable contract:
+    // cozy-ui's own MUI theme overrides style it by name
+    > :global(.dialogContentInner) // @stylint ignore Naming imposed by cozy-ui
+        display flex
+        flex-direction column
+        flex 1 1 auto
+        min-height 0
+
+.share-dialog-scrollable-body
+    display flex
+    flex-direction column
+    flex 1 1 auto
+    min-height 0
+
+.share-dialog-members
+    flex 1 1 auto
+    min-height 0
+    overflow-y auto
+    width 100%
+
 .share-byemail-onlybylink
     background var(--defaultBackgroundColor)
     padding 1rem 2rem

package/dist/stylesheet.css

@@ -277,6 +277,30 @@
 }
 @media (max-width: 48rem) {
 }
+.share__share-dialog-scrollable-content___2Xyoq {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: visible !important;
+}
+.share__share-dialog-scrollable-content___2Xyoq > .dialogContentInner {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+.share__share-dialog-scrollable-body___2O5UT {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+.share__share-dialog-members___CNHKJ {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  width: 100%;
+}
 .share__share-byemail-onlybylink___29W-t {
   background: var(--defaultBackgroundColor);
   padding: 1rem 2rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "33.3.2",
+  "version": "33.3.3",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "08272a4e1b47e169b6f4af662e30a40e4e9a4124"
+  "gitHead": "2f0b77b413399e9bc3daa40a0829a08891d677c1"
 }

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -186,10 +186,12 @@ const FederatedFolderModalContent = ({
       title={modalTitle}
       classes={{ paper: 'u-ov-visible' }}
       componentsProps={{
-        dialogContent: { className: 'u-ov-visible' }
+        dialogContent: {
+          className: styles['share-dialog-scrollable-content']
+        }
       }}
       content={
-        <div>
+        <div className={styles['share-dialog-scrollable-body']}>
           <div className="u-ph-2">
             <AntivirusAlert
               document={isSending ? frozenDoc : existingDocument}
@@ -240,7 +242,7 @@ const FederatedFolderModalContent = ({
             recipients={isSending ? frozenRecipients : existingRecipients}
             document={isSending ? frozenDoc : existingDocument}
             documentType="Files"
-            className="u-w-100"
+            className={styles['share-dialog-members']}
             onRevoke={revoke}
             link={displayedLink}
           />

package/src/components/SharedDrive/EditSharedDriveModal.jsx

@@ -14,6 +14,7 @@ import { getOrCreateFromArray } from '../../helpers/contacts'
 import withLocales from '../../hoc/withLocales'
 import { usePendingRecipients } from '../../hooks/usePendingRecipients'
 import { useSharingContext } from '../../hooks/useSharingContext'
+import styles from '../../styles/share.styl'
 import { default as DumbShareByEmail } from '../ShareByEmail'
 import WhoHasAccess from '../WhoHasAccess'
 
@@ -68,10 +69,12 @@ export const EditSharedDriveModal = withLocales(({ onClose, document }) => {
       onClose={onClose}
       classes={{ paper: 'u-ov-visible' }}
       componentsProps={{
-        dialogContent: { className: 'u-ov-visible' }
+        dialogContent: {
+          className: styles['share-dialog-scrollable-content']
+        }
       }}
       content={
-        <div>
+        <div className={styles['share-dialog-scrollable-body']}>
           <div className="u-ph-2 u-pt-2">
             <SharedDriveHeader
               title={t('SharedDrive.editSharedDriveModal.title')}
@@ -104,7 +107,7 @@ export const EditSharedDriveModal = withLocales(({ onClose, document }) => {
             recipients={existingRecipients}
             document={document}
             documentType="Files"
-            className="u-w-100"
+            className={styles['share-dialog-members']}
             onRevoke={revoke}
           />
           <div className="u-flex u-ph-2 u-pv-1">

package/src/styles/share.styl

@@ -2,6 +2,39 @@
 @require 'components/popover.styl'
 @require 'settings/breakpoints.styl'
 
+// The federated share dialogs keep overflow visible so the contact
+// suggestions dropdown can pop over the dialog, which disables the dialog's
+// native scrolling. These classes pass the height constraint down through
+// the flex chain so only the members list scrolls.
+.share-dialog-scrollable-content
+    display flex
+    flex-direction column
+    min-height 0
+    // keep the contact suggestions dropdown visible over the dialog;
+    // !important to win over MUI's DialogContent overflow-y auto
+    overflow visible !important // @stylint ignore
+
+    // cozy-ui dialogs expose no componentsProps hook for their
+    // .dialogContentInner wrapper, but the classname is a stable contract:
+    // cozy-ui's own MUI theme overrides style it by name
+    > :global(.dialogContentInner) // @stylint ignore Naming imposed by cozy-ui
+        display flex
+        flex-direction column
+        flex 1 1 auto
+        min-height 0
+
+.share-dialog-scrollable-body
+    display flex
+    flex-direction column
+    flex 1 1 auto
+    min-height 0
+
+.share-dialog-members
+    flex 1 1 auto
+    min-height 0
+    overflow-y auto
+    width 100%
+
 .share-byemail-onlybylink
     background var(--defaultBackgroundColor)
     padding 1rem 2rem