question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Safari 16.0 jumps to top when clicking on dropdowns with searchable turned off.

See original GitHub issue

Describe the bug Using Safari 16.0, all dropdowns that have searchable turned off makes the page jump to the top.

Reproducbile example The demo page does this https://ng-select.github.io/ng-select#/forms.

To Reproduce Steps to reproduce the behavior (if example is not provided):

  1. On the demo page with link above, make sure you scroll the page down a bit to see the jump.
  2. Making sure you’ve scrolled the page a bit, Click on the first Nonsearchable dropdown and watch the jump happen. This doesn’t happen for dropdowns that has searchable turned on.

ezgif-4-7279966837

Expected behavior Should open dropdown without the page scroll.

Desktop (please complete the following information):

  • OS: MacOS 16.1]
  • Browser Safari
  • Version 16.0 (17614.1.25.9.10, 17614)

Additional context It appears the new safari doesn’t like trying to focus on a readonly input. I have a fix and will raise a PR.

Issue Analytics

  • State:open
  • Created a year ago
  • Comments:9

github_iconTop GitHub Comments

2reactions
giriprashaadcommented, Sep 16, 2022

#2134 raised a pull request to fix this.

0reactions
shaxqtcommented, Dec 13, 2022

MacOS: 13.0 (22A380) Safari: 16.1 (18614.2.9.1.12) Having the same issue and can reproduce it by the steps mentioned by @giriprashaad and @johnsonlin

Would be great if the provided fix could be merged in v9 as well (to support angular 14)

Read more comments on GitHub >

github_iconTop Results From Across the Web

Safari "jumps" to top of page - how to st… - Apple Community
Your Safari preferences could be corrupted. Go to the Safari Menu Bar, click Safari/Preferences. Make note of all the preferences under each tab ......
Read more >
How to Move Safari Search Bar to Top on iPhone (iOS 16)
Learn how to move the Safari address bar from the bottom to the top on your iPhone in iOS 15. Is your Safari...
Read more >
How to Move Safari Address Bar from Bottom to Top on iPhone
In iOS 15 or iOS 16, Change Safari Address Bar to Bottom or Top like older safari version. Change Safari Search Bar Design...
Read more >
21 Hidden Tricks Inside Apple's Safari Browser | PCMag
Safari is Apple's default web browser on the iPhone and iPad, ... and select Show Top Address Bar or Show Bottom Tab Bar...
Read more >
How to Move iOS 15 Safari's Address Search Bar Back to Top
You can also control this design change in Settings -> Safari, under the "Tabs" section. To take the URL bar to the top...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found