Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs (#2194): fix issue with autofocus on custom directives page #2994

Merged

Conversation

bencodezen
Copy link
Member

@bencodezen bencodezen commented Sep 4, 2024

Description of Problem

The autofocus example in custom directive makes the guide appear to be buggy since it jumps down automatically on page load.

Proposed Solution

I've replaced the example with a more generic vHighlight example to demonstrate how it would work, but retained the practical lessons from the benefits of vFocus in a new "When to use custom directives" so people can learn from it still.

Open to other suggestions though if people have a better example that comes to mind!

Additional Information

Closes #2914

@bencodezen bencodezen added the state: review PR issued and under review label Sep 4, 2024
Copy link

netlify bot commented Sep 4, 2024

Deploy Preview for vuejs ready!

Name Link
🔨 Latest commit 10fc360
🔍 Latest deploy log https://app.netlify.com/sites/vuejs/deploys/66d9e4eb374478000806115f
😎 Deploy Preview https://deploy-preview-2994--vuejs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@bencodezen bencodezen force-pushed the 2194/fix-autofocus-issue-on-custom-directives branch from 5f10c1d to 10fc360 Compare September 5, 2024 17:05
@bencodezen bencodezen added bug Errors and issues people encounter with the docs / repo content Issues / PRs related to docs content labels Sep 5, 2024
@NataliaTepluhina NataliaTepluhina merged commit ac7a921 into main Sep 16, 2024
5 checks passed
@NataliaTepluhina NataliaTepluhina deleted the 2194/fix-autofocus-issue-on-custom-directives branch September 16, 2024 12:15
tisma95 added a commit to tisma95/vue-en-docs that referenced this pull request Sep 17, 2024
AloisSeckar added a commit to AloisSeckar/vuejs-docs that referenced this pull request Sep 17, 2024
NataliaTepluhina pushed a commit that referenced this pull request Sep 26, 2024
NaokiHaba added a commit to NaokiHaba/docs-ja that referenced this pull request Sep 29, 2024
jay-es pushed a commit to vuejs-translations/docs-ja that referenced this pull request Sep 29, 2024
* docs: fix issue with autofocus on custom directives page

* chore: update CSS for custom directives page

* docs: remove unnecessary Japanese translation in custom directives page

* Fix base on vuejs/docs#2994

* feat: Add v-focus directive for input autofocus
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Errors and issues people encounter with the docs / repo content Issues / PRs related to docs content state: review PR issued and under review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

VueDoc: The mobile device automatically obtains focus, resulting in page offset
2 participants