Merge pull request #9328 from RocketChat/popover-on-safari-ios

[FIX] popover on safari for iOS

packages/rocketchat-theme/client/imports/components/popover.css

@@ -61,6 +61,8 @@
 
 		cursor: pointer;
 
+		user-select: none;
+
 		color: var(--popover-item-color);
 
 		font-size: var(--popover-item-text-size);
@@ -128,6 +130,10 @@
 			margin: 8px !important;
 
 			animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
+
+			&--safariIos {
+				bottom: initial;
+			}
 		}
 	}
 }

packages/rocketchat-ui/client/views/app/popover.html

@@ -1,6 +1,6 @@
 <template name="popover">
 	<div class="rc-popover rc-popover--{{popoverClass}}" data-popover="popover" style="display:block;">
-		<div class="rc-popover__content">
+		<div class="rc-popover__content {{#if isSafariIos}}rc-popover__content--safariIos{{/if}}">
 			{{#each column in columns}}
 				<div class="rc-popover__column">
 					{{#each group in column.groups}}

packages/rocketchat-ui/client/views/app/popover.js

@@ -275,3 +275,7 @@ Template.popover.events({
 		}
 	}
 });
+
+Template.popover.helpers({
+	isSafariIos: /iP(ad|hone|od).+Version\/[\d\.]+.*Safari/i.test(navigator.userAgent)
+});