[wp-trac] [WordPress Trac] #46396: Add Turn Off Option For Custom CSS in Customizer

[WordPress Trac]

#46396: Add Turn Off Option For Custom CSS in Customizer
-----------------------------+-----------------------------
 Reporter:  mwarbinek        |      Owner:  (none)
     Type:  feature request  |     Status:  new
 Priority:  normal           |  Milestone:  Awaiting Review
Component:  Customize        |    Version:
 Severity:  normal           |   Keywords:
  Focuses:                   |
-----------------------------+-----------------------------
 I understand the reasoning behind creating a Custom CSS module where it
 filters all CSS syntax and validates it, provides a drop list of CSS
 properties and values.

 **Problem**
 This filer/validation process causes the Custom CSS window to lag, slow
 down and actually scroll automatically, which is very frustrating.

 Another issue is the droplist sometimes takes over the text entry as fast
 as making a key stroke, where the entry in the droplist gets entered
 instead of the intended syntax.

 Getting out of the droplist overlay is cumbersome as well, forcing the
 user to click elsewhere on the Custom CSS window, then having to return to
 that same spot to re-enter the intended CSS syntax. The cumbersome part is
 made worst if the droplist auto insert triggers the validation causing the
 Custom CSS window to scroll.

 Essentially, I call these bugs, really irritating bugs that causes more
 work in the Custom CSS window than it is worth. More work to correct the
 bad auto-insert droplist syntax, more work to have to re-scroll to find
 where I was before being scrolled out of view, more work to stop the auto-
 droplisting from appearing so I can finish the CSS syntax writing.

 **Solution 1**
 There is a very simple solution to this.

 Instead of spending hours debugging this very bad idea for the Custom CSS
 in customizer, please spend the time adding a "turn off" option, where the
 Custom CSS window returns to a basic text window with NO validation and NO
 auto-droplisting of suggestions.

 This allows the user to either use the validation / auto suggesting
 filter, or turn it off completely so the Custom CSS window becomes just a
 basic text window like Notepad.

 **Solution 2**
 - Remove the current auto validation and auto-suggestion droplist
 completely.
 - Return the Custom CSS window back to basic text editor, like Notepad.
 - Add a button to activate, ''when the user chooses'', a validator that
 validates the CSS in the Custom CSS editor.
 - With this validation used manually, it marks the CSS that is in error.
 - Once the validator is finished, it turns off, and the Custom CSS editor
 is again back to a text window.
 - The highlighted CSS that is in error is still highlighted & visible to
 locate so the user can correct the error.

 This new Custom CSS text editor works very much like Notepad++, which also
 does the same thing, also provides highlights etc and it is still a basic
 text editor with no buggyness.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/46396>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform