JavaScript not saving correctly in this example

[bryanph]

Describe the bug
Saving this particular page breaks the desired JS behavior: https://ciechanow.ski/sound/
The main page loads but if you scroll down a bit and try and use the sliders, they do not work.
Using wget as follows does produce a working page with the JavaScript properly working: wget -p -k https://ciechanow.ski/

To Reproduce
Steps to reproduce the behavior:

1. Make sure JavaScript blocking is disabled in the extension config
2. Go to https://ciechanow.ski/sound/
3. Save the page using the extension
4. Open the page and scroll down to the first example with slider
5. The slider does not work
6. (optional) Do the same behavior but using the wget version: wget -p -k https://ciechanow.ski/ and confirm that it does work there

Expected behavior
The page's JS works like the original and like with the wget example.

Environment

• OS: Windows 11
• Browser: Chrome, Firefox
• Version: latest for both

[gildas-lormeau]

You have to disable some additional settings to achieve this. Here is a generic example of settings that should work.

settings-all.json

{
  "profiles": {
    "__Default_Settings__": {
      "acceptHeaders": {
        "audio": "audio/webm,audio/ogg,audio/wav,audio/*;q=0.9,application/ogg;q=0.7,video/*;q=0.6,*/*;q=0.5",
        "document": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
        "font": "application/font-woff2;q=1.0,application/font-woff;q=0.9,*/*;q=0.8",
        "image": "image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8",
        "script": "*/*",
        "stylesheet": "text/css,*/*;q=0.1",
        "video": "video/webm,video/ogg,video/*;q=0.9,application/ogg;q=0.7,audio/*;q=0.6,*/*;q=0.5"
      },
      "addProof": false,
      "allowedBookmarkFolders": [
        ""
      ],
      "applySystemTheme": true,
      "autoClose": false,
      "autoOpenEditor": false,
      "autoSaveDelay": 1,
      "autoSaveDiscard": false,
      "autoSaveExternalSave": false,
      "autoSaveLoad": false,
      "autoSaveLoadOrUnload": true,
      "autoSaveRemove": false,
      "autoSaveRepeat": false,
      "autoSaveRepeatDelay": 10,
      "autoSaveUnload": false,
      "backgroundSave": true,
      "blockAudios": false,
      "blockFonts": false,
      "blockImages": false,
      "blockMixedContent": false,
      "blockScripts": false,
      "blockStylesheets": false,
      "blockVideos": false,
      "browserActionMenuEnabled": true,
      "compressCSS": false,
      "compressHTML": false,
      "confirmFilename": false,
      "confirmInfobarContent": false,
      "contextMenuEnabled": true,
      "defaultEditorMode": "normal",
      "displayInfobar": true,
      "displayStats": false,
      "filenameConflictAction": "uniquify",
      "filenameMaxLength": "192",
      "filenameMaxLengthUnit": "bytes",
      "filenameReplacedCharacters": [
        "~",
        "+",
        "\\\\",
        "?",
        "%",
        "*",
        ":",
        "|",
        "\"",
        "<",
        ">",
        "\u0000-\u001f",
        "�"
      ],
      "filenameReplacementCharacter": "_",
      "filenameTemplate": "{page-title} ({date-locale} {time-locale}).html",
      "forceWebAuthFlow": false,
      "githubBranch": "main",
      "githubRepository": "SingleFile-Archives",
      "githubToken": "",
      "githubUser": "",
      "groupDuplicateImages": false,
      "ignoredBookmarkFolders": [
        ""
      ],
      "includeBOM": false,
      "includeInfobar": false,
      "infobarTemplate": "",
      "insertMetaCSP": true,
      "insertMetaNoIndex": false,
      "insertSingleFileComment": true,
      "loadDeferredImages": true,
      "loadDeferredImagesBlockCookies": false,
      "loadDeferredImagesBlockStorage": false,
      "loadDeferredImagesDispatchScrollEvent": false,
      "loadDeferredImagesKeepZoomLevel": false,
      "loadDeferredImagesMaxIdleTime": 1500,
      "logsEnabled": true,
      "maxResourceSize": 10,
      "maxResourceSizeEnabled": false,
      "maxSizeDuplicateImages": 524288,
      "moveStylesInHead": false,
      "networkTimeout": 0,
      "openEditor": false,
      "openSavedPage": false,
      "passReferrerOnError": false,
      "progressBarEnabled": true,
      "removeAlternativeFonts": true,
      "removeAlternativeImages": false,
      "removeAlternativeMedias": false,
      "removeFrames": false,
      "removeHiddenElements": false,
      "removeUnusedFonts": true,
      "removeUnusedStyles": false,
      "replaceBookmarkURL": true,
      "resolveFragmentIdentifierURLs": false,
      "saveCreatedBookmarks": false,
      "saveFavicon": true,
      "saveOriginalURLs": false,
      "saveRawPage": true,
      "saveToClipboard": false,
      "saveToGDrive": false,
      "saveToGitHub": false,
      "saveWithCompanion": false,
      "saveWithWebDAV": false,
      "shadowEnabled": true,
      "sync": false,
      "tabMenuEnabled": true,
      "userScriptEnabled": false,
      "warnUnsavedPage": true,
      "webDAVPassword": "",
      "webDAVURL": "",
      "webDAVUser": "",
      "woleetKey": ""
    }
  },
  "rules": [
    {
      "autoSaveProfile": "__Disabled_Settings__",
      "profile": "__Default_Settings__",
      "url": "file:"
    }
  ],
  "maxParallelWorkers": 8
}

[bryanph]

Awesome thanks!

How do you feel about having some default profiles set up by default for different use cases (is this possible)? Saving a web explanation like this with JS is probably a good example of a common use case for a tool like this. I'd be happy to contribute if so.

[gildas-lormeau]

Why not, i confirm it would be possible. Do you have some other suggestions of profiles?

[bryanph]

I can't really think of more than two:

• one for saving a static site (html/css)
• One for saving a more dynamic JS site (html/css/js)

Perhaps there's some subtle inbetween default profiles settings that would make sense?