Edgewall Software

Opened 12 years ago

Last modified 9 years ago

#10945 new enhancement

horizontal scrollbar in "editing wiki" textareas

Reported by: mtrocme Owned by:
Priority: low Milestone: next-major-releases
Component: wiki system Version:
Severity: minor Keywords:
Cc: Branch:
Release Notes:
API Changes:
Internal Changes:


Hi there,

Could you please add an horizontal scrollbar to "Editing wiki" textareas i.e. could you please change <textarea id="text" class="wikitext" name="text" cols="80" rows="20"> to <textarea id="text" class="wikitext" name="text" cols="80" rows="20" wrap="off"> Wrapping is really annoying when you have large arrays. I know the "off" value of the wrap attributes is not (yet?) supported in HTML5 (http://www.w3schools.com/html5/att_textarea_wrap.asp). But all browsers I've tried support it: Firefox(16), Opera(12), Chrome(23), Safari(5), IE(7). And there does not seem to exist any other way to do so (css white-space:nowrap, …).

Cheers, Mathieu

Attachments (0)

Change History (4)

in reply to:  description comment:1 by Christian Boos, 11 years ago

Milestone: next-dev-1.1.x
Owner: set to Christian Boos
Priority: normallow
Severity: normalminor
Status: newassigned

Replying to mtrocme:

Wrapping is really annoying when you have large arrays.

You know you can put each cell on its own line, right?

|| this is an extremely long line ... || \
|| column 2 || \
|| column 3 ||
|| column 1 of second row ... etc.  || 

The horizontal scrollbar … I'm not sure I like it yet though I know I sometimes wished I had one. I'll have to test it for a while.

This would require to remove .sidebyside #text { overflow: hidden } as well.

comment:2 by Ryan J Ollos, 9 years ago

Owner: Christian Boos removed
Status: assignednew

comment:3 by Ryan J Ollos, 9 years ago

Milestone: next-dev-1.1.xnext-major-releases

Retargetting tickets to narrow focus for milestone:1.2. Please move the ticket back to milestone:next-dev-1.1.x if you intend to resolve it by milestone:1.2.

comment:4 by techcips75@…, 9 years ago

Here is an example code which will to the job!.

    <div style ="width: 20px; height:30px; border:1px solid black; overflow-x:scroll">
        <!-- various of text here that can makes it go out the border-->

But if you're looking to achieve this with jQuery please check this tutorial http://www.snoopcode.com/jquery/jquery-scroll-event

Modify Ticket

Change Properties
Set your email in Preferences
as new The ticket will remain with no owner.
The ticket will be disowned.
as The resolution will be set. Next status will be 'closed'.
The owner will be changed from (none) to anonymous. Next status will be 'assigned'.

Add Comment

E-mail address and name can be saved in the Preferences .
Note: See TracTickets for help on using tickets.