Commit 25d5d07

committed

text area fix

1 parent d2fbc6b commit 25d5d07Copy full SHA for 25d5d07

File tree

+16

-2

lines changed

packages/convostack-frontend-react/src
- components/EmbeddableChat
  - UserInput.tsx
- main.tsx

+16

-2

lines changed

Lines changed: 5 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -75,8 +75,10 @@ const UserInput: React.FC<UserInputProps> = ({`
`75`	`75`	`}`
`76`	`76`	`if (textarea !== null) textarea.style.height = "auto";`
`77`	`77`	`};`
`78`		`- const textarea =`
`79`		`- typeof document !== "undefined" ? document.querySelector("textarea") : null;`
	`78`	`+ const textarea: HTMLTextAreaElement \| null =`
	`79`	`+ typeof document !== "undefined"`
	`80`	`+ ? document.querySelector("#userInput")`
	`81`	`+ : null;`
`80`	`82`	`if (textarea) {`
`81`	`83`	`textarea.addEventListener("input", function () {`
`82`	`84`	`this.style.height = "auto";`
`@@ -99,6 +101,7 @@ const UserInput: React.FC<UserInputProps> = ({`
`99`	`101`	`<div className="border-t-1">`
`100`	`102`	`<div className="w-full min-h-14 bg-off-white flex items-center max-h-36 scrollbar-hidden py-4">`
`101`	`103`	`<textarea`
	`104`	`+ id="userInput"`
`102`	`105`	`placeholder="Send a message..."`
`103`	`106`	`ref={textareaRef}`
`104`	`107`	`value={inputValue}`

Lines changed: 11 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,16 @@ ReactDOM.render(`
`18`	`18`	`/>`
`19`	`19`	`<MyComponent text={"Dev's existing content"}></MyComponent>`
`20`	`20`	`<div style={{ display: "flex", flexDirection: "row", width: "50%" }}>`
	`21`	`+ <div className="mb-4 w-full">`
	`22`	`+ <label htmlFor="name" className="block text-gray-700 font-bold mb-2">`
	`23`	`+ Name:`
	`24`	`+ </label>`
	`25`	`+ <textarea`
	`26`	`+ id="name"`
	`27`	`+ rows={4}`
	`28`	`+ className="w-full border border-gray-300 p-2 rounded-md resize-none"`
	`29`	`+ />`
	`30`	`+ </div>`
`21`	`31`	`<ConvoStackEmbed`
`22`	`32`	`embedId="tester"`
`23`	`33`	`customStyling={{`
`@@ -26,6 +36,7 @@ ReactDOM.render(`
`26`	`36`	`embedHeight: "500px",`
`27`	`37`	`}}`
`28`	`38`	`/>`
	`39`	`+`
`29`	`40`	`{/* <div style={{ backgroundColor: "red", width: "800px" }} /> */}`
`30`	`41`	`</div>`
`31`	`42`	`</ConvoStackWrapper>`

Comments

(0)