The search box says Search (#417)

On a phone it read "Search All S", the list's name cut off by the narrow box.
The placeholder is Search everywhere; the list it searches stays in the box's
accessible name.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RqkrVDqdiQEMWAkNGQ2tYA
This commit is contained in:
2026-11-07 17:28:56 +00:00
parent 1b0b155226
commit 88f4e4765b
5 changed files with 9 additions and 3 deletions

View File

@@ -310,7 +310,7 @@ async function renderListed(v: {title: string, icon: string, url?: string, blurb
await renderDirectory(v.url!,$('#directory'),n=>{ if(VIEWS[S.feed ?? '']===v) $('#count').textContent=`${v.title}: ${plural(n,'feed')}`; });
return;
}
$<HTMLInputElement>('#epSearch').placeholder='Search items…';
$<HTMLInputElement>('#epSearch').setAttribute('aria-label','Search items');
box.innerHTML=`
<div class="fhead slim">
<div class="art">${v.icon}</div>

View File

@@ -29,7 +29,9 @@ function renderFeed(){
syncTools(null);
if(!v&&!f&&!sg){ box.innerHTML='<p class="empty">Add a feed to get started.</p>'; $('#count').textContent=''; return; }
const name=f?(f.title||f.id):sg?sg.name:v.title;
$<HTMLInputElement>('#epSearch').placeholder=`Search ${name}…`;
// The box says only Search: a list's name ran past a phone's narrow box (#417). What it
// searches is in its name for a screen reader.
$<HTMLInputElement>('#epSearch').setAttribute('aria-label',`Search ${name}`);
const kids=f?S.feeds.filter(c=>c.group===f.id):[];
const unreadAll=unreadInAll();
box.innerHTML = (f&&kids.length ? groupHead(f,kids) : f ? `