Question

97

Why is my TinyMCE hidden textarea acting up?

rated 0 times [ 99] [ 2] / answers: 1 / hits: 18519 / 15 Years ago, thu, march 26, 2009, 12:00:00

I have about 7 textareas on a web page, all of them are rich text editors using TinyMCE. However at page load only 1 of them is visible and the rest of them hidden. The user can click a 'show' link which would display the remaining textareas one by one.

However, I have a weird problem. All the textareas are setup like this:

<textarea cols=40 rows=20></textarea>

However, only the textarea displayed on page load is the full size I want it to be. The remaining textareas are really small when I show them. So I'm thinking that perhaps they aren't rendered because they are hidden on page load.

How can I remedy this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

haleeg

Add To Favorites

Follow

Total Points: 703

Total Questions: 100

Total Answers: 98

Location: Dominica

Member since Sat, Nov 5, 2022

2 Years ago

haleeg questions

1 status: 400 title: One or more validation errors occurred.

Thu, Oct 7, 21, 00:00, 3 Years ago

1 How to enable column resize on MUI DataGrid

Sat, Jul 24, 21, 00:00, 3 Years ago

1 Material UI React - Autocomplete - How to reset the internal state

Tue, Feb 2, 21, 00:00, 3 Years ago

1 Type error on response of Promise.allSettled()

Mon, Sep 7, 20, 00:00, 4 Years ago

1 Vue js - Getting Uncaught ReferenceError: jQuery is not defined

Mon, Mar 9, 20, 00:00, 4 Years ago

View All

answered 15 Years ago taylert · Accepted Answer

Try adding some CSS to textareas that are hidden.

For example, use

<textarea cols=40 rows=20 style=width: 40em; height: 20em></textarea>

I think I ran into this, where TinyMCE's CSS overrides some of the default CSS behaviour. I ended up having to re-override it, and eventually edited the TinyMCE's css pages.