blsmedia/bot
2
0
Fork 0
Code Activity

fix(bot): mobile keyboard covering input

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-07-17 18:20:53 +02:00
parent b62b955c07
commit f1a01bf663
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/bot-engine/src/components/ChatGroup/ChatBlock/inputs/TextForm/TextInputContent.tsx
View File

@@ -14,6 +14,7 @@ import React, {
useRef, useRef,
} from 'react' } from 'react'
import PhoneInput, { Value, Country } from 'react-phone-number-input' import PhoneInput, { Value, Country } from 'react-phone-number-input'
import { isMobile } from 'services/utils'
type TextInputProps = { type TextInputProps = {
block: block:
@@ -30,8 +31,7 @@ export const TextInput = ({ block, value, onChange }: TextInputProps) => {
const inputRef = useRef<HTMLInputElement & HTMLTextAreaElement>(null) const inputRef = useRef<HTMLInputElement & HTMLTextAreaElement>(null)
useEffect(() => { useEffect(() => {
if (!inputRef.current) return setTimeout(() => inputRef.current?.focus(), isMobile ? 500 : 0)
inputRef.current.focus()
}, []) }, [])
const handleInputChange = ( const handleInputChange = (

4
packages/bot-engine/src/services/utils.ts
View File

@@ -5,3 +5,7 @@ export const sanitizeUrl = (url: string): string =>
url.startsWith('sms:') url.startsWith('sms:')
? url ? url
: `https://${url}` : `https://${url}`
export const isMobile =
typeof window !== 'undefined' &&
window.matchMedia('only screen and (max-width: 760px)').matches