https://github.com/livewire-ui/spotlight/issues/25 Skip to content Sign up * Why GitHub? Features - + Mobile - + Actions - + Codespaces - + Packages - + Security - + Code review - + Project management - + Integrations - + GitHub Sponsors - + Customer stories- * Team * Enterprise * Explore + Explore GitHub - Learn and contribute + Topics - + Collections - + Trending - + Learning Lab - + Open source guides - Connect with others + The ReadME Project - + Events - + Community forum - + GitHub Education - + GitHub Stars program - * Marketplace * Pricing Plans - + Compare plans - + Contact Sales - + Education - [ ] [search-key] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this organization All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up {{ message }} livewire-ui / spotlight generated from spatie/package-skeleton-laravel * Sponsor Sponsor livewire-ui/spotlight * Notifications * Star 282 * Fork 18 * Code * Issues 5 * Pull requests 3 * Actions * Projects 0 * Wiki * Security * Insights More * Code * Issues * Pull requests * Actions * Projects * Wiki * Security * Insights 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. Pick a username [ ] Email Address [ ] Password [ ] [ ] Sign up for GitHub 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 Jump to bottom Safari tries to fill username #25 Open quarterdeck opened this issue May 27, 2021 * 8 comments Open Safari tries to fill username #25 quarterdeck opened this issue May 27, 2021 * 8 comments Comments @quarterdeck Copy link @quarterdeck quarterdeck commented May 27, 2021 Screenshot 2021-05-27 at 13 51 26 The text was updated successfully, but these errors were encountered: 7 7 @quarterdeck Copy link Author @quarterdeck quarterdeck commented May 28, 2021 * edited Upon further investigation this seems like an absolutely crazy Safari bug and I'm not sure if it can be worked around or not. I noticed that this was only happening on one page of our app. So I systematically commented out each section of HTML to see if any block was affecting it and I found one! I narrowed it down to a single

tag which contained the text "Welcome back,". I thought the comma might be causing an issue (no idea why) so I removed it. No change. I thought the word "back" might be making Safari think this was a login page for some reason? So I removed it and it fixed the issue! Crazy. Out of curiosity I tried removing "Welcome" and adding "back" back in. Still didn't re-occur. ?! So it seems only the combination of words "welcome back" causes this to happen. Absolutely no idea why. To confirm I chose another page randomly and put the phrase "welcome back" in a random position on the page and low and behold it caused this to happen again. For some reason the presence of these words on the page is adding the following to the Shadow DOM of the input field:

Easily the most bizarre bug I've ever come across. 84 199 11 [?] 11 9 217 @quarterdeck Copy link Author @quarterdeck quarterdeck commented May 28, 2021 On further consideration I don't think it's a bug. I think Safari is assuming any page with "Welcome Back" on it is a login page and enabling this behaviour. Therefore I think it's intended. 43 9 48 50 @laurensgroeneveld Copy link @laurensgroeneveld laurensgroeneveld commented May 28, 2021 * edited I can confirm, created a HTML page with just a p and an input:

Welcome back

This does indeed show a password option if I open this in Safari and focus the input: image Curiously enough, adding a style="display: none; to the p does no longer show the password dropdown. 11 21 @quarterdeck Copy link Author @quarterdeck quarterdeck commented May 28, 2021 Nice one. I found that using a non-breaking space prevents the behaviour.

welcome back

63 113 5 @infostreams Copy link @infostreams infostreams commented May 28, 2021 LOL Make sure to add a comment (with a link) to your code to document why that   is there. I'm sure someone would just accidentally remove it otherwise. 49 15 @val-o Copy link @val-o val-o commented May 28, 2021 It seems the same applies to "Sign In" image 16 6 @mattijv Copy link @mattijv mattijv commented May 28, 2021 "Log in" works too. I tried a couple other languages (Finnish, German, French, Chinese) but the issue/feature seems to only happen with English (although I did use Google Translate, so I can't guarantee I used the right idioms). 4 @chrisvasey Copy link @chrisvasey chrisvasey commented May 28, 2021 * edited This issue is at top of hacker news right now, there have been a lot of comments speculating why this is here. 1 2 27 @jwenjian jwenjian mentioned this issue May 28, 2021 Zhe Ge Github issue Fa Xian Liao safari Liu Lan Qi De Yi Ge Gui Yi De bug:Ru Guo Ni De Ye Mian Shang You Yi Ge p Biao Qian ,Xie Zhao Welcome back , Hui Hong Fa safari Liu Lan Qi De Mi Ma Zi Dong Tian Chong jwenjian/reading-list#439 Open Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment Assignees No one assigned Labels None yet Projects None yet Milestone No milestone Linked pull requests Successfully merging a pull request may close this issue. None yet 6 participants @infostreams @mattijv @chrisvasey @val-o @laurensgroeneveld @quarterdeck * (c) 2021 GitHub, Inc. * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.