kunkun-extensions-mirror/joel-st-kunkun-nostr-nip-19
1
0
Fork 0
mirror of https://github.com/joel-st/kunkun-nostr-nip-19.git synced 2025-04-03 17:56:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix textarea adjust height issue on first render

Browse Source
This commit is contained in:
Lone 2025-03-13 11:44:54 +00:00
parent 3a3546a18e
commit 5fb3c902cc
7 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
dist/assets/index-B5dIneCy.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index-DlSAFVEZ.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index-JjVny7Es.css vendored
View File

File diff suppressed because one or more lines are too long

6
dist/assets/index-DUUVxlhX.js → dist/assets/index-pucRp8ky.js vendored
View File

File diff suppressed because one or more lines are too long

4
dist/index.html vendored
View File

@ -5,8 +5,8 @@
<link rel="icon" type="image/svg+xml" href="/extension.svg" /> <link rel="icon" type="image/svg+xml" href="/extension.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kunkun Nostr NIP-19</title> <title>Kunkun Nostr NIP-19</title>
<script type="module" crossorigin src="/assets/index-B5dIneCy.js"></script> <script type="module" crossorigin src="/assets/index-pucRp8ky.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-JjVny7Es.css"> <link rel="stylesheet" crossorigin href="/assets/index-DlSAFVEZ.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

2
package.json
View File

@ -2,7 +2,7 @@
"$schema": "https://schema.kunkun.sh", "$schema": "https://schema.kunkun.sh",
"name": "kunkun-ext-nostr-nip-19", "name": "kunkun-ext-nostr-nip-19",
"license": "CC0-1.0", "license": "CC0-1.0",
"version": "0.0.991", "version": "0.0.992",
"type": "module", "type": "module",
"kunkun": { "kunkun": {
"name": "Nostr NIP-19", "name": "Nostr NIP-19",

17
src/components/Textarea.jsx
View File

@ -1,7 +1,6 @@
import { Textarea as KKTextarea } from "@kksh/react" import { Textarea as KKTextarea } from "@kksh/react"
import { useEffect, useRef } from "preact/hooks" import { useEffect, useRef, useState } from "preact/hooks"
import { connect } from 'unistore/preact'; import { connect } from 'unistore/preact';
import { generateSecretKey } from 'nostr-tools/pure'
// store // store
import { storeActions } from "@store" import { storeActions } from "@store"
@ -13,27 +12,33 @@ export const Textarea = connect([
], ],
storeActions)(({ input, setInput, placeholder, }) => { storeActions)(({ input, setInput, placeholder, }) => {
const textareaRef = useRef(null); const textareaRef = useRef(null);
const [inputHasChanged, setInputHasChanged] = useState(false);
// Function to adjust the height // Function to adjust the height
const adjustHeight = () => { const adjustHeight = () => {
const textarea = textareaRef.current; const textarea = textareaRef.current;
if (!textarea) return; if (!textarea) return;
// Reset height temporarily to get the correct scrollHeight // Reset height temporarily to get the correct scrollHeight
textarea.style.height = 'auto'; textarea.style.height = 'auto';
// Set the height to match content // Set the height to match content
textarea.style.height = `${textarea.scrollHeight}px`; textarea.style.height = `${textarea.scrollHeight}px`;
console.log(textarea.scrollHeight)
}; };
// Adjust height when input changes // Adjust height when input changes
useEffect(() => { useEffect(() => {
adjustHeight(); if (!inputHasChanged &&input.length > 0) {
setInputHasChanged(true);
adjustHeight();
}
if (inputHasChanged && textareaRef.current) {
adjustHeight();
}
}, [input]); }, [input]);
return (<KKTextarea return (<KKTextarea
ref={textareaRef} ref={textareaRef}
className="w-full h-full max-w-full min-h-[40px] overflow-hidden resize-none" className="w-full h-auto max-w-full min-h-[40px] overflow-hidden"
placeholder={placeholder} placeholder={placeholder}
value={input} value={input}
onChange={e => { onChange={e => {