(props) add textarea-auto-focus

Author: antoine92190

README.md

@@ -246,6 +246,7 @@ fetchMessages({ room, options }) {
 | `link-options`(19)                  | Object           | -        | `{ disabled: false, target: '_blank', rel: null }`                                                                |
 | `room-info-enabled` (20)            | Boolean          | -        | `false`                                                                                                           |
 | `textarea-action-enabled`(21)       | Boolean          | -        | `false`                                                                                                           |
+| `textarea-auto-focus`               | Boolean          | -        | `true`                                                                                                            |
 | `user-tags-enabled`                 | Boolean          | -        | `true`                                                                                                            |
 | `emojis-suggestion-enabled`         | Boolean          | -        | `true`                                                                                                            |
 | `media-preview-enabled`             | Boolean          | -        | `true`                                                                                                            |

src/lib/ChatWindow.vue

@@ -58,6 +58,7 @@
 				:loading-rooms="loadingRooms"
 				:room-info-enabled="roomInfoEnabled"
 				:textarea-action-enabled="textareaActionEnabled"
+				:textarea-auto-focus="textareaAutoFocus"
 				:user-tags-enabled="userTagsEnabled"
 				:emojis-suggestion-enabled="emojisSuggestionEnabled"
 				:scroll-distance="scrollDistance"
@@ -188,6 +189,7 @@ export default {
 		},
 		roomInfoEnabled: { type: Boolean, default: false },
 		textareaActionEnabled: { type: Boolean, default: false },
+		textareaAutoFocus: { type: Boolean, default: true },
 		userTagsEnabled: { type: Boolean, default: true },
 		emojisSuggestionEnabled: { type: Boolean, default: true },
 		roomMessage: { type: String, default: '' },

src/lib/Room/Room.vue

@@ -136,6 +136,7 @@
 			:show-footer="showFooter"
 			:accepted-files="acceptedFiles"
 			:textarea-action-enabled="textareaActionEnabled"
+			:textarea-auto-focus="textareaAutoFocus"
 			:user-tags-enabled="userTagsEnabled"
 			:emojis-suggestion-enabled="emojisSuggestionEnabled"
 			:templates-text="templatesText"
@@ -207,6 +208,7 @@ export default {
 		loadingRooms: { type: Boolean, required: true },
 		roomInfoEnabled: { type: Boolean, required: true },
 		textareaActionEnabled: { type: Boolean, required: true },
+		textareaAutoFocus: { type: Boolean, required: true },
 		userTagsEnabled: { type: Boolean, required: true },
 		emojisSuggestionEnabled: { type: Boolean, required: true },
 		scrollDistance: { type: Number, required: true },

src/lib/Room/RoomFooter/RoomFooter.vue

@@ -235,6 +235,7 @@ export default {
 		showFooter: { type: Boolean, required: true },
 		acceptedFiles: { type: String, required: true },
 		textareaActionEnabled: { type: Boolean, required: true },
+		textareaAutoFocus: { type: Boolean, required: true },
 		userTagsEnabled: { type: Boolean, required: true },
 		emojisSuggestionEnabled: { type: Boolean, required: true },
 		templatesText: { type: Array, default: null },
@@ -792,7 +793,10 @@ export default {
 			this.files = []
 			this.emojiOpened = false
 			this.preventKeyboardFromClosing()
-			setTimeout(() => this.focusTextarea(disableMobileFocus))
+
+			if (this.textareaAutoFocus || !initRoom) {
+				setTimeout(() => this.focusTextarea(disableMobileFocus))
+			}
 		},
 		resetTextareaSize() {
 			if (this.getTextareaRef()) {

types/index.d.ts

@@ -163,11 +163,11 @@ export interface Props {
 	'current-user-id': StringNumber
 	rooms: Rooms
 	messages: Messages
-  height?: string
-  theme?: 'light' | 'dark'
-  styles?: Record<string, Record<string, string>>
-  'rooms-order'?: 'desc' | 'asc'
-  'loading-rooms'?: boolean
+	height?: string
+	theme?: 'light' | 'dark'
+	styles?: Record<string, Record<string, string>>
+	'rooms-order'?: 'desc' | 'asc'
+	'loading-rooms'?: boolean
 	'rooms-loaded'?: boolean
 	'room-id'?: StringNumber
 	'load-first-room'?: boolean
@@ -178,6 +178,8 @@ export interface Props {
 	'message-actions'?: MessageActions
 	'message-selection-actions'?: CustomActions
 	'templates-text'?: TemplatesText
+	'textarea-action-enabled'?: boolean
+	'textarea-auto-focus'?: boolean
 	'auto-scroll'?: AutoScroll
 	'show-search'?: boolean
 	'show-add-room'?: boolean