Skip to content

Inconsistent/partially broken live reloading #1873

@uncenter

Description

@uncenter

Description or the shortest sequence of actions to replicate the problem

Two issues I noticed that I don't think used to happen. Might be an MV3 thing.

1. Live reload working, but you have to go back to the Stylus tab

  1. Open a fresh browser profile, setup Stylus with access to file URLs.
  2. Copy https://github.com/uncenter/userstyles-playground/blob/main/foo.user.less to a file locally, and then open the local filepath in the browser. Install the foo userstyle.
  3. Go to https://example.com/, observe red background like so:

CleanShot 2024-12-31 at 18 24 17

  1. Go back to Stylus tab and toggle live reloading:

CleanShot 2024-12-31 at 18 24 55

  1. Go back to the example.com tab.
  2. Go to the file for the foo userstyle locally, change the background color to some other color (blue).
  3. Go back to the example.com tab. Color has not changed. Go to Stylus install tab for foo, which has seen the change and reflects it in the editor, and then back to example.com tab. Color is now changed.
CleanShot.2024-12-31.at.18.28.42.mp4

2. Live reloading on "reinstall" page broken

  1. Follow steps 1-3 of the previous reproduction, but after going back to the Stylus tab in step 4, reload before toggling live reloading.
  2. Go back to the example.com tab.
  3. Go to the file for the foo userstyle locally, change the background color to some other color (green).
  4. Go back to the example.com tab. Color has not changed. Go to Stylus install tab for foo, which still shows the old color in the editor, and then back to example.com tab. Color has still not changed.
CleanShot.2024-12-31.at.18.35.24.mp4

System Information

  • OS: macOS
  • Browser: Chrome 131.0.6778.205 (Official Build) (arm64)
  • Stylus Version: v2.2.0

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions