stream-chat-react 10.8.0 → 10.8.2

package/dist/index.cjs.js

@@ -24211,6 +24211,12 @@ var UnMemoizedUserItem = function (_a) {
 };
 var UserItem = React__default["default"].memo(UnMemoizedUserItem);
 
+var isSafari = function () {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
+};
+
 var _excluded$1 = ["onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onScroll", "onSelect"];
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -24588,7 +24594,13 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
       // 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) _this._closeAutocomplete();
@@ -33764,7 +33776,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.8.0';
+var version = '10.8.2';
 
 var useChat = function (_a) {
     var _b, _c;