WordPress.org

Make WordPress Core

Opened 22 months ago

Last modified 22 months ago

#43039 new defect (bug)

Resize capability missing from Custom HTML widget

Reported by: paultukey Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 4.9.1
Component: Widgets Keywords: reporter-feedback
Focuses: Cc:
PR Number:

Description

I'm using WordPress 4.9.1 with the theme Prolio 2.6.1

I had fallen behind in updating and just updated to current versions.

I'm using Text widgets on my homepage, and the text widget editor used to allow both vertical and horizontal resizing by dragging the resize icon in the lower-right corner.

Now I can only resize Text widgets vertically!

I also started using the Custom HTML widget, as recommended.

But the Custom HTML widget is not showing a corner resize icon at all so I cannot resize it, and it is a small rectangular editing pane with a larger font than before, and very awkward to use (although it would be wonderful if I could enlarge it).

I used Firefox's Tools > Web Developer > Inspector to find the CSS for the editing window:

<div id="widget-63_custom_html-2" class="widget open" style="z-index: 100; margin-left: -88px;">

...
<div class="widget-inside">

...
<form method="post">

...
<div class="custom-html-widget-fields">

...
<p>

...
<div class="CodeMirror cm-s-default CodeMirror-wrap">

I find that I can change that last line to:

<div class="CodeMirror cm-s-default CodeMirror-wrap" style="resize: both; overflow-x: auto; overflow-y: hidden;">

and that enables the bidirectional resize corner that I need!

But of course that only affects the running instance. I have no idea how to tweak the code so that change becomes the default.

Before I look into creating my own customized version of the Custom HTML editor, I'm wondering whether this very minor change could be incorporated into the next release of these tools, so I don't have to do that work myself, and so other people can benefit from it.

I don't actually know whether this is a request for the WP team or the Prolio team, so I'm starting with the WP team.

Thanks for your consideration,

-- Paul Tukey paul.tukey@…

Change History (4)

#1 @paultukey
22 months ago

P.S.

The revised Text widget editor pane could have its CSS similarly modified to allow horizontal as well as vertical resizing by adding the same extra string, "resize:both; overflow-x:auto; overflow-y:hidden;" to the style option of its <textarea> tag:

<body class="wp-toolbar"...>

<div id="wpwrap">

...
<div id="wpcontent">

...
<div id="wpbody" role="main">

<div id="wpbody-content" aria-label="Main content" tabindex="0">

...
<div class="wrap">

...
<div id="widget-liquid-right">

<div id="widgets-right" class="wp-clearfix">
<div class="sidebars-column-1">

...
<div class="widgets-holder-wrap">

<div id="sidebar-3" class="widgets-sortables ui-droppable ui-sortable">

...
<div id="widget-63_text-13" class="widget open" style="z-index: 100; margin-left: -95px;">

...
<div class="widget-inside" style="display: block;">

<form method="post">

<div class="widget-content">

...
<p>

...
<textarea class="widefat" rows="16" cols="20" id="widget-text-13-text" name="widget-text[13][text]" style="height: 189px;">

Thanks,

-- Paul Tukey, paul.tukey@…

#2 @subrataemfluence
22 months ago

  • Keywords reporter-feedback added

Hi @paultukey , welcome to Trac and thanks for the ticket.

I would suggest two things which you should try:

  1. Change your current theme to native WordPress themes like twentythirteen or twentyseventeen
  2. Disable all third-party plugins you may have installed in your system already

Now see if the issue still persists. If yes, feel free to get back to Trac.

Thank you!

This ticket was mentioned in Slack in #core-customize by westonruter. View the logs.


22 months ago

#4 @westonruter
22 months ago

  • Milestone changed from Awaiting Review to Future Release

We've discussed in #38707 being able to pop-out the code editor into a window for further editing without the size constraints.

Note: See TracTickets for help on using tickets.