Skip to content
This repository has been archived by the owner on Dec 16, 2022. It is now read-only.

Title Focus Issue While Creating New Posts #209

Closed
ahmadawais opened this issue Aug 1, 2016 · 5 comments
Closed

Title Focus Issue While Creating New Posts #209

ahmadawais opened this issue Aug 1, 2016 · 5 comments
Milestone

Comments

@ahmadawais
Copy link
Contributor

This is UX flow issue. When I click the + button to create a new post, the first thing I want to do is add a title. Here's where I face a UX glitch.

Current UX-Flow

  • Click the + button
  • Either press tab to select the title or click on the title (which BTW doesn't pre-select the existing value i.e. (no title)) and add a new title.

Better UX-Flow would be:

  • Click the + button
  • The title element is pre-focused, i.e. (no title) value is pre-selected and all I have to do is type the title.


@ahmadawais ahmadawais changed the title Title Focus Issue Title Focus Issue While Creating New Posts Aug 1, 2016
@ahmadawais
Copy link
Contributor Author

ahmadawais commented Aug 1, 2016

There should be a way for adding tabindex="n" (where n is the number of each control) to WP_Customize_Dynamic_Control type for each control. That would bring the focus right where it belongs.

@westonruter
Copy link
Contributor

@ahmadawais this should be fixed in #206. Could you test it?

@ahmadawais
Copy link
Contributor Author

ahmadawais commented Aug 2, 2016

@westonruter Just tested it, UX Flow is still broken.

  • Clicking on the input selects all, which is good!
  • Auto-focus on the title (Currently, I have to press TAB or click with the pad. It should be autofocused)

@westonruter
Copy link
Contributor

@ahmadawais sure enough, it isn't working for me now either. I just amended the PR with another commit which may fix the issue: cf224e2

Could you re-try? It's not pretty how we currently have to include these delay/defer calls.

@ahmadawais
Copy link
Contributor Author

ahmadawais commented Aug 2, 2016

@westonruter Yep! Now it is working but the 500 delay is too much. I set it to 100 and it works fine.

Talking about the customize-posts-panel.js file Line # 198

Change

}, 500 );

to

}, 100 );

This issue was closed.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants