rerender textarea on accordian show for autoresizer

This commit is contained in:
k00b 2025-07-22 17:04:08 -05:00
parent 8344866fca
commit 276bb94eb9
3 changed files with 7 additions and 7 deletions

View File

@ -46,7 +46,7 @@ export default function AccordianItem ({ header, body, className, headerColor =
<Accordion defaultActiveKey={activeKey} activeKey={activeKey} onSelect={handleOnSelect}> <Accordion defaultActiveKey={activeKey} activeKey={activeKey} onSelect={handleOnSelect}>
<ContextAwareToggle show={show} eventKey={KEY_ID} headerColor={headerColor}><div style={{ color: headerColor }}>{header}</div></ContextAwareToggle> <ContextAwareToggle show={show} eventKey={KEY_ID} headerColor={headerColor}><div style={{ color: headerColor }}>{header}</div></ContextAwareToggle>
<Accordion.Collapse eventKey={KEY_ID} className={classNames('mt-2', className)}> <Accordion.Collapse eventKey={KEY_ID} className={classNames('mt-2', className)}>
<div>{body}</div> <div key={activeKey}>{body}</div>
</Accordion.Collapse> </Accordion.Collapse>
</Accordion> </Accordion>
) )

10
package-lock.json generated
View File

@ -80,7 +80,7 @@
"react-particles": "^2.12.2", "react-particles": "^2.12.2",
"react-string-replace": "^1.1.1", "react-string-replace": "^1.1.1",
"react-syntax-highlighter": "^15.5.0", "react-syntax-highlighter": "^15.5.0",
"react-textarea-autosize": "^8.5.4", "react-textarea-autosize": "^8.5.9",
"react-twitter-embed": "^4.0.4", "react-twitter-embed": "^4.0.4",
"react-youtube": "^10.1.0", "react-youtube": "^10.1.0",
"recharts": "^2.13.0", "recharts": "^2.13.0",
@ -17629,9 +17629,9 @@
} }
}, },
"node_modules/react-textarea-autosize": { "node_modules/react-textarea-autosize": {
"version": "8.5.4", "version": "8.5.9",
"resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.5.4.tgz", "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.5.9.tgz",
"integrity": "sha512-eSSjVtRLcLfFwFcariT77t9hcbVJHQV76b51QjQGarQIHml2+gM2lms0n3XrhnDmgK5B+/Z7TmQk5OHNzqYm/A==", "integrity": "sha512-U1DGlIQN5AwgjTyOEnI1oCcMuEr1pv1qOtklB2l4nyMGbHzWrI0eFsYK0zos2YWqAolJyG0IWJaqWmWj5ETh0A==",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.20.13", "@babel/runtime": "^7.20.13",
"use-composed-ref": "^1.3.0", "use-composed-ref": "^1.3.0",
@ -17641,7 +17641,7 @@
"node": ">=10" "node": ">=10"
}, },
"peerDependencies": { "peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ^18.0.0" "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
} }
}, },
"node_modules/react-transition-group": { "node_modules/react-transition-group": {

View File

@ -85,7 +85,7 @@
"react-particles": "^2.12.2", "react-particles": "^2.12.2",
"react-string-replace": "^1.1.1", "react-string-replace": "^1.1.1",
"react-syntax-highlighter": "^15.5.0", "react-syntax-highlighter": "^15.5.0",
"react-textarea-autosize": "^8.5.4", "react-textarea-autosize": "^8.5.9",
"react-twitter-embed": "^4.0.4", "react-twitter-embed": "^4.0.4",
"react-youtube": "^10.1.0", "react-youtube": "^10.1.0",
"recharts": "^2.13.0", "recharts": "^2.13.0",