stream-chat-react 10.8.0 → 10.8.2

package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAkBA;IACE;;;;;;;MAOE;IA2WF;;OAEG;IACH;;;aAMC;IAlXD,wBA4BC;IAZC;;;;;;;;;;;MAWC;IAGH;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF;;;;;;OAMG;IACH,8CAC6E;IAE7E,qCAUE;IAEF,+BAcE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAME;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,uCAEE;IADA,iBAA0B;IAG5B,oDA2CC;IAED,sBA2EC;IATS,oDAAsB;CAUjC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAmBA;IACE;;;;;;;MAOE;IA2WF;;OAEG;IACH;;;aAMC;IAlXD,wBA4BC;IAZC;;;;;;;;;;;MAWC;IAGH;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF;;;;;;OAMG;IACH,8CAC6E;IAE7E,qCAUE;IAEF,+BAcE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAME;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCA0BE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,uCAEE;IADA,iBAA0B;IAG5B,oDA2CC;IAED,sBA2EC;IATS,oDAAsB;CAUjC"}

package/dist/components/AutoCompleteTextarea/Textarea.js

@@ -45,6 +45,7 @@ import { List as DefaultSuggestionList } from './List';
 import { DEFAULT_CARET_POSITION, defaultScrollToItem, errorMessage, triggerPropsCheck, } from './utils';
 import { CommandItem } from '../CommandItem';
 import { UserItem } from '../UserItem';
+import { isSafari } from '../../utils/browsers';
 var ReactTextareaAutocomplete = /** @class */ (function (_super) {
     __extends(ReactTextareaAutocomplete, _super);
     function ReactTextareaAutocomplete(props) {
@@ -445,7 +446,14 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
             // that was actually clicked. If we clicked inside the auto-select dropdown, then
             // that's not a blur, from the auto-select point of view, so then do nothing.
             var el = e.relatedTarget;
-            if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) {
+            // If this is a blur event in Safari, then relatedTarget is never a dropdown item, but a common parent
+            // of textarea and dropdown container. That means that dropdownRef will not contain its parent and the
+            // autocomplete will be closed before onclick handler can be invoked selecting an item.
+            // It seems that Safari has different implementation determining the relatedTarget node than Chrome and Firefox.
+            // Therefore, if focused away in Safari, the dropdown will be kept rendered until pressing Esc or selecting and item from it.
+            var focusedAwayInSafari = isSafari() && e.type === 'blur';
+            if ((_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) ||
+                focusedAwayInSafari) {
                 return;
             }
             if (closeOnClickOutside)