Non-resizeable <$edit-text/> textarea widgets

[Hubert]

Hello,

When an <$edit-text/> widget is tagged 'textarea' we get a multi-line text editor.

This text editor is resizeable: it can be dragged by its bottom-right corner and resized.

I want to prevent/disable this but so far I have been unsuccessful. I've tried closing the widget in a div with specific height and width but still, the text widget located inside the div could be dragged and resized just the same.

There are a few similar posts elsewhere in this group about auto-resize of text widgets. This is not my issue. What I'm trying to prevent/disable is the ability for the user to drag a corner of the text editor in order to resize it. I want the text edit to be fixed in size (when tagged=textarea) as specified by the widget's parameters.

Thank you very much for your help and apologies if I didn't phrase it clearly.

Thanks,

Hubert

[Jeremy Ruston]

Hi Hubert

There’s a CSS property that lets you control resizability of text areas. This will disable resizing on all textareas:

textarea {

resize: none;

}

Best wishes

Jeremy

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ec8d2c12-792f-4e10-9f06-a203d3077988%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Hubert]

Thank you for the pointer, Jeremy.

I'm not sure whether this is browser specific (I'm currently on FF), but I could only get this to work by including the property in the input type descriptor as below:

input[type=textarea] {
    resize: none;
}

It now works perfectly. Thank you again!

Best regards,

Hubert

On Thursday, 28 March 2019 18:00:37 UTC, Jeremy Ruston wrote:

Hi Hubert

There’s a CSS property that lets you control resizability of text areas. This will disable resizing on all textareas:

textarea {

resize: none;

}

Best wishes

Jeremy

On 28 Mar 2019, at 17:45, Hubert <hube...@gmail.com> wrote:

Hello,

When an <$edit-text/> widget is tagged 'textarea' we get a multi-line text editor.

This text editor is resizeable: it can be dragged by its bottom-right corner and resized.

I want to prevent/disable this but so far I have been unsuccessful. I've tried closing the widget in a div with specific height and width but still, the text widget located inside the div could be dragged and resized just the same.

There are a few similar posts elsewhere in this group about auto-resize of text widgets. This is not my issue. What I'm trying to prevent/disable is the ability for the user to drag a corner of the text editor in order to resize it. I want the text edit to be fixed in size (when tagged=textarea) as specified by the widget's parameters.

Thank you very much for your help and apologies if I didn't phrase it clearly.

Thanks,

Hubert

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.

To unsubscribe from this group and stop receiving emails from it, send an email to tiddl...@googlegroups.com.

[Mohammad]

added to TW-Scripts

On Thursday, March 28, 2019 at 10:30:37 PM UTC+4:30, Jeremy Ruston wrote:

Hi Hubert

There’s a CSS property that lets you control resizability of text areas. This will disable resizing on all textareas:

textarea {

resize: none;

}

Best wishes

Jeremy

On 28 Mar 2019, at 17:45, Hubert <hube...@gmail.com> wrote:

Hello,

When an <$edit-text/> widget is tagged 'textarea' we get a multi-line text editor.

This text editor is resizeable: it can be dragged by its bottom-right corner and resized.

I want to prevent/disable this but so far I have been unsuccessful. I've tried closing the widget in a div with specific height and width but still, the text widget located inside the div could be dragged and resized just the same.

There are a few similar posts elsewhere in this group about auto-resize of text widgets. This is not my issue. What I'm trying to prevent/disable is the ability for the user to drag a corner of the text editor in order to resize it. I want the text edit to be fixed in size (when tagged=textarea) as specified by the widget's parameters.

Thank you very much for your help and apologies if I didn't phrase it clearly.

Thanks,

Hubert

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.

To unsubscribe from this group and stop receiving emails from it, send an email to tiddl...@googlegroups.com.