CodeSelect / Select Code

Which version of CodeSelect version do you like more?

a) example old:

or b) example new:

! In T809#17314, @Hutchy68 wrote:
CodeSelect needs fixes:


Too big when there is just one line.
Too small when there are two lines, example: https://www.whonix.org/wiki/Template:Deactivate_Misc_Proxy_Settings
Also, if fixable, the [select code] text should never cover other text if there is a lot text input.
Note: these have to look ok with and without javascript enabled.

This has a lot going on. First, you are hiding a <pre>, then selecting from a textarea, z-indexing a div and the select link, then the link is traversing the dom tree to select text in the textarea while resizing the textarea with a JS call on the classes… see where I am going? There is a lot going on for a textarea view with a select all code to make it easier to copy it.

Backing up, I added https://www.whonix.org/wiki/Whonix:Sandbox/Code_select as a demo on something a little easier to do. Hover over the text area, left click to select or right click to select and copy. Done. Check it out. I know the [select text] link is gone, but hover over the textarea box will add some styling which will clue there is something active to do. I set it so the mouse pointer will change to a “grab hand” which is another clue. Click anywhere in the box and the text is all selected. Click again and you can click to select just text you want, which is probably not the use.

Mobile, will focus, but not select and I can not see a need to select all and copy to paste somewhere. Who is using their mobile device to copy and paste code to execute or change config files?

Hi Patrick

I like (b). Its cleaner than (a). Users might not realize that is a Select Code at first i.e. not just standard text? They would figure it out after a few copy/paste though.


Using new CodeSelect wiki wide now. Could you please have a look around if it looks good in a few places?

Hi Patrick

The new CodeSelect looks great. No issues on any of the pages that I could see.

1 Like

As it turns out the new CodeSelect was not yet implemented when I had a look around the wiki. : I had assumed you had decided on example (a) but a newer version with better usability or something along those lines. Anyways the the new Codeselect looks good. For real this time :wink: . Sorry for the confusion.

1 Like
[Imprint] [Privacy Policy] [Cookie Policy] [Terms of Use] [E-Sign Consent] [DMCA] [Contributors] [Investors] [Priority Support] [Professional Support]