quarto-dev / quarto-dev/quarto-cli
search bar cuts off the first letter of the query on Android
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 6k
- Forks
- 458
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 41
Description
Bug description
I'm submitting this issue on behalf of this comment on LinkedIn.
A user reported that typing a second letter into the search bar deletes the first letter on an Android mobile device. This occurs on my website and others.
Note this only happens with Android mobile:
It looks fine on an iPhone:
Steps to reproduce
This occurs on my website and I haven't modified any of the default Quarto search settings.
Website: https://jadeyryan.com/
Repo: https://github.com/jadeynryan/jadey_website
Expected behavior
The entire search query should be shown in the search bar.
Actual behavior
The search query is cut off.
Your environment
- IDE: RStudio 2023.12.1
- OS: Mac Sonoma 14.3.1
Quarto check output
Quarto 1.4.550
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.1.11: OK
Dart Sass version 1.69.5: OK
Deno version 1.37.2: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 1.4.550
Path: /Applications/quarto/bin
[✓] Checking tools....................OK
TinyTeX: v2023.05
Chromium: (not installed)
[✓] Checking LaTeX....................OK
Using: TinyTex
Path: /Users/jadeyryan/Library/TinyTeX/bin/universal-darwin
Version: 2023
[✓] Checking basic markdown render....OK
[✓] Checking Python 3 installation....OK
Version: 3.9.7 (Conda)
Path: /opt/anaconda3/bin/python
Jupyter: 4.8.1
Kernels: python3
[✓] Checking Jupyter engine render....OK
[✓] Checking R installation...........OK
Version: 4.2.3
Path: /Library/Frameworks/R.framework/Resources
LibPaths:
- /Library/Frameworks/R.framework/Versions/4.2-arm64/Resources/library
knitr: 1.42
rmarkdown: 2.21
[✓] Checking Knitr engine render......OK
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue on an Android mobile device using the reporter's website and the linked jadeynryan/jadey_website repository, then trace the default Quarto search bar behavior in the generated site. Compare typing on Android with the working iPhone behavior; done means the complete query remains visible while typing on Android.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, javascript
- Domain
- frontend, mobile-dev, search
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100