change the type attribute of #menu_order from 'text' to 'number'

[tmatsuur]

Currently, when focus shifts to the input box of menu_order in the situation that the IME is turned on, an extra operation such as inputting a numerical value after turning off the IME is necessary.
I would like to improve on this.

Now:

<input name="menu_order" type="text" size="4" id="menu_order" value="<?php echo esc_attr( $post->menu_order ); ?>" />

Change:

<input name="menu_order" type="number" id="menu_order" value="<?php echo esc_attr( $post->menu_order ); ?>" />

Also, please add a style to specify the width.

[soulseekah]

type="text" to type="number" on menu_order inputs

[soulseekah]

Thank you for bring this to our attention. Patch attached.

[tmatsuur]

Replying to soulseekah:

Thank you for bring this to our attention. Patch attached.

Thank you for attached the patch.

[melchoyce]

Could someone add some before/after screenshots? That'll help folks reviewing to understand the context.

[tmatsuur]

I'm not sure how to attach an image. Is this all right?

On the left is version 4.9.12. After clicking the menu order input box, type 5.

The right side is version 5.3.0. Clicking the menu order input box automatically switches the IME from Japanese mode to English mode.

[melchoyce]

Thanks @tmatsuur. Just to clarify, is that 5.3.0 with 44103.diff​ applied?

[tmatsuur]

Replying to melchoyce:

Thanks @tmatsuur. Just to clarify, is that 5.3.0 with 44103.diff​ applied?

Oops, sorry.

Here is the image with the patch applied.

[karmatosed]

We seem to be missing screenshots so going to request those again and we can then review. I realise some time has passed but just incase let's try.

[tmatsuur]

@karmatosed Thanks.

This request was made for the Classic Editor, around the time just before the Block Editor was officially released.

Now, about seven years have passed since then, and I believe the Classic Editor is receiving only minimal maintenance.

Considering that many users have migrated to the Block Editor, I think this request can be closed without any further action.

Thank you again for your comment.

[karmatosed]

HI @tmatsuur thank you and I appreciate the follow up. I am going to go-ahead and close this then.

[sabernhardt]

This involves both Quick Edit and the Classic Editor.

#62109 added the inputmode attribute for datetime fields, but I think type="number" would be better for the pages' Order field:

• using tiny-text class with the Quick Edit field because the width is already defined as 6em
• using small-text class with the meta box field

In Quick Edit, this:

• Switches the Order field to a number input.
• Adds the tiny-text class to remove (right) side padding, without changing the width of 6em.

In the Classic Editor's meta box, this:

• Switches the Order field to a number input.
• Removes size attribute.
• Adds the small-text class to remove the side padding and to define the width (fixed at 65px on large screens, or auto—up to 4.375em—on narrow screens).

Trac 44103

Before:

With patch:

By default, Pages have the menu_order fields, and any other post type could add page-attributes support:

add_action( 'admin_init', function() {
	add_post_type_support( 'post', 'page-attributes' );
} );