Skip to content

Fix frontend lint warnings (CSS, ARIA, Svelte reactivity) #35

Description

@oldsj

Summary

Several lint warnings in the frontend that should be cleaned up:

CSS @import positioning

  • File: frontend/src/app.css:5
  • Issue: @import for Google Fonts should precede all other statements

Svelte a11y warnings

  • File: frontend/src/lib/components/TasksPanel.svelte:793

  • Issue: <div> with click/keydown handler needs an ARIA role

  • File: frontend/src/lib/components/MobileTabBar.svelte:28,53

  • Issue: aria-selected not supported by implicit button role - should use role="tab" or remove attribute

Svelte reactivity warning

  • File: frontend/src/lib/components/LogViewer.svelte:11
  • Issue: logsContainer is updated but not declared with $state() - should be fine for DOM refs but worth reviewing

Origin

These are preexisting issues surfaced during DevSpace dev environment startup.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions