6,401 questions
0
votes
2
answers
172
views
PHP/HTML with multiple text areas and buttons with the same name [duplicate]
I have a database containing log entries of various servers and their processes.
The data is retrieved with php, presented in an html table with each row containing (among others) a textarea for a ...
- 11
0
votes
1
answer
52
views
Streamlit textarea with live byte counter
I have a small problem in my application. I am currently working on a Streamlit app where I generate text via OpenAI. This text is displayed in a textarea for the user, and the textarea has a live ...
0
votes
1
answer
98
views
Shopify Theme Dev: How to add strikethrough to text and textarea inputs?
Relevant Shopify theme docs
https://shopify.dev/docs/storefronts/themes/architecture/settings/input-settings#text
https://shopify.dev/docs/storefronts/themes/architecture/settings/input-settings#...
- 2,206
-1
votes
1
answer
71
views
How to align label and input text inside MUI textarea?
I need a textarea field containing label inside the textarea field. The input text will start from the end of the label. If the label is so long, it will go to the second line. According to device ...
- 29
0
votes
1
answer
72
views
How to add WYSIWYG on website portal textarea?
In odoo18, i have customized the view of the frontend page /my/account by inheriting the view "portal.portal_my_details" to add a custom field wrapped into an HTML textarea. I have added the ...
- 1,720
1
vote
1
answer
303
views
Textarea Scrolling Issue on Mobile Devices with Keyboard Open
I've built a simple web application using React, and I'm running into an issue with a <textarea> input box. The textarea is set up to allow scrolling when the content overflows, which works fine ...
1
vote
0
answers
68
views
(Framer) Motion `textarea` height animation causes first line to flicker (shift up) briefly
I'm using (Framer) Motion to animate the height of a textarea in React. It starts with one row and automatically expands when the user types past the first line. But there's a visual bug:
When the ...
- 11
-2
votes
1
answer
129
views
Why sometimes escape key causes textarea to lose focus?
I'm using textarea and noticed that hitting escape causes it to lose focus to the body. I tried to isolate it in a minimal example but it doesn't lose focus there. I have stripped all my key and mouse ...
- 537
1
vote
1
answer
68
views
Why a textarea is 1-line on desktop and 2-line on iOS (mobile)?
I'm working on a chatbot (as a newbie) and work on UI (using Tailwindcss).
For a reason I understand (different behaviors), I do not know how to handle it.
Any clue? Thanks.
On desktop textarea is 1 ...
- 2,965
0
votes
3
answers
91
views
How to get content of each line on textarea
If textarea display line 1 ![Screen Shot 2025-02-21 at 17.32.49.png] and line 2 is (http://localhost:9001/article/680x_4a9d1136-fafb-40dc-8a47-72ca0b24bf46.png), how can I get content of textarea by ...
0
votes
0
answers
27
views
How to get textarea to scale as you type [duplicate]
Is there a way to make a textarea (currently 32x120px) become taller if you type more? I'd like a CSS only approach but if not, how could I do it with JS
no JQuery/library, avoid JS (unless nessessary)...
0
votes
1
answer
72
views
Flexbox: can't put textarea on a new line
I am trying to float a preformatted block of text to the right of a page, keeping the text aligned to the left of the block so that I get a right-aligned paragraph containing left-justified text. This ...
- 548
0
votes
0
answers
26
views
Form value preserved after submission [duplicate]
I want to preserve the form value in the input field and after submit button is clicked and if there are validation errors then remaining field should preserve the value.
After refreshing the page the ...
- 9
0
votes
0
answers
25
views
How to ensure <textarea>/<input> selection set in a keydown handler stays in place in mobile browsers?
Suppose I have a script that intends to implement “smart brackets” in <textarea> and <input> elements: whenever the user types in a bracket or quotation mark character while selection is ...
- 27.2k
0
votes
1
answer
67
views
Spring Boot - Uploading a file with object and a lot of text(5000 char or more)?
The goal is to allow user to fill out a form with:
basic info(small text fields)
a text area(large amount of text, think one pager of text)
and upload a file
Surprisingly, I've never built any API ...
- 17.9k
0
votes
2
answers
75
views
Add Comma After Each Space
I am trying to add an event in a textarea to put commas after each space. As an example:
Input 1:
2 2 2 2
Output 1:
2,2,2,2 or 2, 2, 2, 2
Input 2:
2 2 2 2 2 2
Output 2:
2,2,2,2,2,2 or 2, 2, 2,...
- 1,177
-1
votes
1
answer
47
views
How can fix the remainning characters counter in js
I will create a javascript remaining character counter for an HTML textarea. But my code is not working. How can I fix this.
$(document).ready(function(){
var length = 0;
var ...
-1
votes
1
answer
98
views
Using PHP to check if there are unsuitable characters in a textarea form
The $handle is given the value of '1' even if there are no characters in the text area which appear in the array.
$handle = '';
$message 'nothing in here except plain text';
// check message ...
- 3
-1
votes
2
answers
93
views
The ability to resize a textarea goes away when the text exceeds the textarea height and the scrollbar width is set to 0
This took me a while to fix, and was frustrating.
With this in the css:
*::-webkit-scrollbar {
width: 0;
}
When a textarea's content exceeds it's height it is no longer resizable as it appears ...
0
votes
1
answer
66
views
CSS textarea Increased Line Height for newlines
When the user inputs a textarea, a line break due to wrapping looks the same as a line break due to the user entering a newline. I want the first line after a newline character to be spaced a bit ...
- 99
0
votes
0
answers
84
views
Textarea scrollHeight Decreases by 2px When Typing After Deleting All Content in Blazor Application
Problem Description
I am experiencing an issue with the autoResize function for a textarea element in my Blazor application. The problem occurs when I have multiple rows of text in the textarea, ...
- 1
1
vote
2
answers
398
views
Styling Static and dynamic textareas in phoenix liveview
I have an html.heex file that has both a static textarea tag and a dynamic textarea denoted like so <.input type='textarea' />. I encounter problems when I try to style both of them ...
- 339
0
votes
1
answer
56
views
Why doesn't localstorage show me the current version?
I would like to create a field where the user can write something. As soon as you press the “Speichern” button, the text should no longer be editable. It should only be editable again with the “...
- 1
-1
votes
1
answer
71
views
Making a textarea visible when a <p> is hovered [duplicate]
I want the <div id="Feedback"> to appear when I hover over <p>Would you like to give feedback?</p>. In other words, I want the <textarea> and <p>How can we ...
0
votes
1
answer
397
views
Failed to construct 'ResizeObserver': parameter 1 is not of type 'Function'
I am trying to render HTML inside textarea and I have an ajax call from the controller to read the value and parse it as var to the render() function.
I followed the question here
However, the render(...
- 305
1
vote
1
answer
108
views
JavaFX TextArea - Get caret bounds
I am trying to show a popup beneath the caret of a text area. This means I need both X and Y coordinates.
I am currently trying to achieve it this way:
final var textFieldBounds = input....
- 1,614
0
votes
1
answer
1k
views
Is <textarea> .value Cross-Site Scripting (XSS) safe?
I am writing a static page for a tool: User pastes in base64 and it gets converted into plaintext. Not like it matters, but because the context is cryptographic, I want to prevent XSS.
I noticed ...
- 41
-1
votes
1
answer
68
views
Preserving text area line breaks using Jsoup
I have an HTML string that includes a text area with multi line content such as below:
<textarea id="textbox" name="textbox">*This is line 1
*This is line 2
*This is line 3
&...
- 674
0
votes
1
answer
45
views
Make table row height adjust to textarea content
I have the following table with a textarea inside the td:
#myarea {
box-sizing: border-box;
border: none;
width: 100%;
height: 100%;
resize: none;
}
<table>
<...
- 93
2
votes
2
answers
109
views
Textarea right padding when using a horizontal scrollbar?
When creating a textarea with a horizontal scrollbar, how to enable a padding on the right side?
CSS padding works for the top right corner, but not for the right side:
textarea {
white-space: ...
- 47.6k
0
votes
1
answer
49
views
Required textarea field is not appropriately scrolled to when using fixed header. CSS property scroll-margin/padding does not work
I have a fixed header on my website and a form. There are some input fields and some textarea fields that are required. When the form is submitted without those fields filled, I would like the user to ...
-1
votes
1
answer
45
views
copy multiple textareas with same button
I wrote this code to copy multiple textareas' content with a unique button, but only the first textarea is copied.
var copyText = document.getElementsByClassName("form-control")[0];
function ...
0
votes
1
answer
291
views
Change Color TextArea NextUI
I have a React JS web app. I have a custom theme, all components change color but not TextArea. When I watch inspector, TextAra use "--nextui-default-100: 240 3.7% 15.88%;" but I tried to ...
user15505180
0
votes
0
answers
25
views
How input in textarea without refresh
How input param with input in textarea without refresh
$ArNumbers->int2str($params);
No other file send
<input id="textbox" name="textbox" type="text">
<button onclick="...
- 1
2
votes
1
answer
136
views
Why does the textfield not display the proper value, when i select it? (unity custom inspector)
I'm having trouble with my custom unity editor.
I have created a TextArea in my editor script, but it acts strange when i try to change the value via code, while also selecting it.
textEditor.text = ...
- 61
2
votes
2
answers
88
views
How to make a textarea expand vertically to fill all rows in a table?
I'm trying to create a table with a corresponding textarea for notes in each row. Additionally, I have a toggle switch that, when enabled, hides all but the first textarea and makes the first textarea ...
- 997
0
votes
1
answer
72
views
Get the value of the (newly created) Textarea and insert it into Google Sheets
I have a number of Textareas, and can create new Textareas. I use the insertValue button to insert the values of the textareas into the spreadsheet. My code is as follows:
HTML:
<!DOCTYPE html>
&...
1
vote
2
answers
48
views
Access text typed in a textarea with javascript
var textarea = document.getElementById("id");
var text = textarea.innerHTML;
My problem is that "text" always remains the value the textarea started out with. Not what was typed ...
- 60
0
votes
0
answers
84
views
How to auto resize the height of textarea element using ReactJS?
How to resize the height of textarea element automatically based on the input?
Add a file into your solution, useAutoSizeTextArea.ts
import { useLayoutEffect } from "react";
const ...
- 11
1
vote
1
answer
85
views
Placeholder issue with Textarea when text align center
I want to center align textarea with placeholder. so I am using following code
<textarea style="text-align: center" placeholder="Type Here..."></textarea>
But issue is ...
- 3,727
0
votes
1
answer
149
views
dangerouslySetInnerHTML not working in NextUI
I am new to NextUI and React. I need to add html into a textarea because I will add some highlighted substrings, but the html is interpreted as plain text.
Below is my current code. I tried using ...
- 65
1
vote
1
answer
62
views
is it possible to add a div inside input text area using react
Is is possible to implement the screenshot show
Need to create an react component which has text field and whenever a file upload button is clicked then the file name with delete option should be ...
- 65
0
votes
0
answers
72
views
Enter characters from the virtual keyboard into the textarea where the cursor is located
I have a virtual keyboard and some textarea text input fields (here I have 2 input fields):
<textarea class="content" type = "text" id="content1" name = "content1&...
0
votes
1
answer
85
views
Can't type/click into a text area anymore due to jQuery but can't see what's causing it
I'm learning jQuery at the moment via a Front End Web Development online course. I have a text area on my webpage but since using jQuery I can't type or click into the text area. I know the problem is ...
0
votes
1
answer
100
views
Prevent line breaks after certain number of lines in a text area or contenteditable div
I want to create a text area or contenteditable div (preferably a text area) that has a max number of lines where, when hitting the max line, no new line breaks are added and all new text is hidden (...
- 86
1
vote
0
answers
46
views
Textarea - cursor moves to end - react
As I type something in textarea, it works fine. But when I try to take cursor back to add/edit some text, after typing one character it moves to the end.
Code:
React.createElement('textarea', {
...
- 137
1
vote
3
answers
85
views
Javascript textarea keydown detect if Alt gr key being pressed and prevent its action futher
I Have a character limit in my text area and when it reaches a verge of 999 out of 1000 i dont want any accent characters to be entered.
Im not able to capture the final output of combination key, so ...
- 143
1
vote
1
answer
92
views
Javascript Textarea prevent Alt gr + key combinations on KeyDown/KeyUp events itself
In my text area im using onKeydown event to listen to characters typed by user.
I need to prevent Alt gr + key combination values (ē, r̥, ṭ,...) to avoid accented keys in my text area.
if (event.code =...
- 143
0
votes
0
answers
36
views
Scrollbar in HTML textarea is not scrolling automatically when the data is added via speech to text dictation software
I am using a text area in HTML. User of our application using speech to text software and it will put the that converted text to text area.
After 3 lines scrollbar comes showing but if user keeps ...
- 308
0
votes
1
answer
81
views
React/HTML Editable Div being unfocused after content changed
I am trying to create a text input that automatically wraps. The default input and textarea blocks did not work for the styling I wanted so I resorted to using a contenteditable div. Everything works ...
- 45