Title: Version 1.2.0 by cyfung1031 · Pull Request #95 · Pixabay/JavaScript-autoComplete · GitHub
Open Graph Title: Version 1.2.0 by cyfung1031 · Pull Request #95 · Pixabay/JavaScript-autoComplete
X Title: Version 1.2.0 by cyfung1031 · Pull Request #95 · Pixabay/JavaScript-autoComplete
Description: Version 1.2.0
Use a more efficient CSS design to avoid unnecessary style (position & sizing) computation in JavaScript.
The minified js code is smaller than both 1.0.4 and 1.1.0
https://github.com/culefa/JavaScript-autoComplete/tree/1.2.0
I don't think the author will review and approve any PR in this repo, feel free to use this branch by yourself
The autocomplete is no longer attached to body. It is attached in a pivot element before the input field.
By using CSS, it can fully automatically locate with the dynamic position of the input field.
(Sizing is not CSS automatically, but it can be updated via JS)
For upgrade from 1.0.4 or 1.1.0, pay attention to the change of CSS and the related DOM structure.
Issues:
close #36
close #45
close #56
Override PRs (those PRs are no longer valid as implementation changes with issue fixing):
#33
#46
New DOM Structure
Compatible with original layout
Open Graph Description: Version 1.2.0 Use a more efficient CSS design to avoid unnecessary style (position & sizing) computation in JavaScript. The minified js code is smaller than both 1.0.4 and 1.1.0 https://githu...
X Description: Version 1.2.0 Use a more efficient CSS design to avoid unnecessary style (position & sizing) computation in JavaScript. The minified js code is smaller than both 1.0.4 and 1.1.0 https://g...
Opengraph URL: https://github.com/Pixabay/JavaScript-autoComplete/pull/95
X: @github
Domain: patch-diff.githubusercontent.com
| route-pattern | /:user_id/:repository/pull/:id/checks(.:format) |
| route-controller | pull_requests |
| route-action | checks |
| fetch-nonce | v2:ed43b485-6998-817c-cf93-93fc995dc637 |
| current-catalog-service-hash | 87dc3bc62d9b466312751bfd5f889726f4f1337bdff4e8be7da7c93d6c00a25a |
| request-id | D746:1D84DC:75D969:99B6F0:698FB614 |
| html-safe-nonce | 77acd4248f327a3e7b3823e01bfa8f4e1d31c99b5135438da10193551ffeb39f |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJENzQ2OjFEODREQzo3NUQ5Njk6OTlCNkYwOjY5OEZCNjE0IiwidmlzaXRvcl9pZCI6IjIzMjMxNzMwOTY2NDk4OTc0OTIiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ== |
| visitor-hmac | f4174a7273c348a1034f735fc68ab6bdc0a598a17ddeef0bdb2fa266311fb923 |
| hovercard-subject-tag | pull_request:1545932685 |
| github-keyboard-shortcuts | repository,pull-request-list,pull-request-conversation,pull-request-files-changed,checks,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/Pixabay/JavaScript-autoComplete/pull/95/checks |
| twitter:image | https://avatars.githubusercontent.com/u/44498510?s=400&v=4 |
| twitter:card | summary_large_image |
| og:image | https://avatars.githubusercontent.com/u/44498510?s=400&v=4 |
| og:image:alt | Version 1.2.0 Use a more efficient CSS design to avoid unnecessary style (position & sizing) computation in JavaScript. The minified js code is smaller than both 1.0.4 and 1.1.0 https://githu... |
| og:site_name | GitHub |
| og:type | object |
| hostname | github.com |
| expected-hostname | github.com |
| None | 6df359c0989bb4eb7656e0047ab7a57a6657880db88f5a202f4e51ddbc3dfce8 |
| turbo-cache-control | no-preview |
| go-import | github.com/Pixabay/JavaScript-autoComplete git https://github.com/Pixabay/JavaScript-autoComplete.git |
| octolytics-dimension-user_id | 7993082 |
| octolytics-dimension-user_login | Pixabay |
| octolytics-dimension-repository_id | 34940608 |
| octolytics-dimension-repository_nwo | Pixabay/JavaScript-autoComplete |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 34940608 |
| octolytics-dimension-repository_network_root_nwo | Pixabay/JavaScript-autoComplete |
| turbo-body-classes | logged-out env-production page-responsive full-width full-width-p-0 |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | d09a7639fca70dcd33f2b127cabd422a73b10aef |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width