quarto-dev / quarto-dev/quarto-cli

search bar cuts off the first letter of the query on Android

Open
#8,832 9 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug search upstream
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:
android

It looks fine on an iPhone:
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.