(fix) set cursor position on Firefox & Safari

Author: antoine92190

src/lib/Room/RoomFooter/RoomFooter.vue

@@ -201,6 +201,7 @@ import vClickOutside from '../../../utils/on-click-outside'
 import filteredItems from '../../../utils/filter-items'
 import Recorder from '../../../utils/recorder'
 
+import { detectChrome } from '../../../utils/browser-detection'
 import { detectMobile } from '../../../utils/mobile-detection'
 
 export default {
@@ -394,9 +395,10 @@ export default {
 
 			if (this.cursorRangePosition) {
 				setTimeout(() => {
+					const offset = detectChrome() ? 0 : 1
 					this.getTextareaRef().setSelectionRange(
-						this.cursorRangePosition,
-						this.cursorRangePosition
+						this.cursorRangePosition + offset,
+						this.cursorRangePosition + offset
 					)
 					this.cursorRangePosition = null
 				})
@@ -445,13 +447,13 @@ export default {
 		updateActiveUpOrDown(event, direction) {
 			if (this.filteredEmojis.length) {
 				this.activeUpOrDownEmojis = direction
-        event.preventDefault()
+				event.preventDefault()
 			} else if (this.filteredUsersTag.length) {
 				this.activeUpOrDownUsersTag = direction
-        event.preventDefault()
+				event.preventDefault()
 			} else if (this.filteredTemplatesText.length) {
 				this.activeUpOrDownTemplatesText = direction
-        event.preventDefault()
+				event.preventDefault()
 			}
 		},
 		selectItem() {

src/utils/browser-detection.js

@@ -0,0 +1,22 @@
+var isChromium = window.chrome
+var winNav = window.navigator
+var vendorName = winNav.vendor
+var isOpera = typeof window.opr !== 'undefined'
+var isIEedge = winNav.userAgent.indexOf('Edg') > -1
+var isIOSChrome = winNav.userAgent.match('CriOS')
+
+export function detectChrome() {
+	if (isIOSChrome) {
+		return true
+	} else if (
+		isChromium !== null &&
+		typeof isChromium !== 'undefined' &&
+		vendorName === 'Google Inc.' &&
+		isOpera === false &&
+		isIEedge === false
+	) {
+		return true
+	} else {
+		return false
+	}
+}