Skip to content

srcdoc and sandbox interaction with session history #6809

Open

Description

@jakearchibald

First up is a simple one: Does setting srcdoc replace the current history entry or add a new one?

Chrome & Firefox: Replace if the current document url is about:srcdoc, otherwise add.
Safari: Always replace.

I'm pretty sure Chrome & Firefox are doing the right thing here and it's somewhat spec'd.


How is a srcdoc entry stored in session history? It's currently unspec'd.

Test:

  1. https://iframe-session-history.glitch.me/.
  2. Set cookie: give all responses no-store (just to stop bfcache).
  3. iframe-1: Set srcdoc to Math.random().
  4. iframe-1: Navigate to 'one' via location object.
  5. iframe-1: Set srcdoc to Math.random().

This creates history entries [srcdoc1, 'one', srcdoc2] in Chrome/Firefox and [srcdoc1, srcdoc2] in Safari.

Each browser behaves differently when traversing to the srcdoc entries.

Chrome: Recreates the document using the srcdoc of the iframe. As in srcdoc1 and srcdoc2 use the same source, which is different to the source srcdoc1 used when it was first created.

Firefox: Seems to store the srcdoc source along with the history entry, so srcdoc1 and srcdoc2 use different source, which is each the source they were created with.

Safari: Restores the original history entries in these places, as if the srcdoc stuff never happened.

Another test:

  1. https://iframe-session-history.glitch.me/.
  2. Set cookie: give all responses no-store (just to stop bfcache).
  3. iframe-1: Set srcdoc to Math.random().
  4. "Navigate to same origin page"
  5. back()

Chrome: iframe empty. I guess this is because it looks at the srcdoc of the iframe which is empty, since the page has reloaded.

Firefox: Restores the iframe to its previous content.

Safari: Restores the iframe as if setting srcdoc never happened.

This seems consistent with the findings above. Firefox's model seems to make the most sense to me. Chrome's behaviour is ok I guess. Safari's behaviour is plain weird.

Activity

  1. jakearchibald commented on Jun 28, 2021

    @jakearchibald
    ContributorAuthor

    Something I haven't looked at yet: When going back(), do the srcdoc iframes take their CSP rules from the parent as it is now, or as it was when the srcdoc page was created?

  2. domenic commented on Jun 28, 2021

    @domenic
    Member

    /cc @domfarolino @antosart for the CSP rules question. I am pretty sure that has a canonical answer as to how it should be, given recent policy container work.

  3. antosart commented on Jun 29, 2021

    @antosart
    Member

    I believe the answer for CSP rules depends on the answer to the main question (whether the srcdoc content is reloaded when navigating back or not).

    If we store the content of srcdoc in history, we should also store the policies. If we reload the srcdoc attribute (which might have changed) on history navigations, then I guess we should also re-inherit the policies from the parent.

    I believe the currently specced behaviour is to store the policies in history for srcdoc. This is also implemented in chrome.

    (This is not tested for CSP at the moment I believe, although it is for referrer-policy, see the file referrer-policy/generic/inheritance/iframe-inheritance-history-about-srcdoc.html)

  4. jakearchibald commented on Jun 29, 2021

    @jakearchibald
    ContributorAuthor

    If we store the content of srcdoc in history, we should also store the policies. If we reload the srcdoc attribute (which might have changed) on history navigations, then I guess we should also re-inherit the policies from the parent.

    Agreed.

    I believe the currently specced behaviour is to store the policies in history for srcdoc.

    The spec doesn't seem to cover restoring srcdoc pages at all, unless I'm missing something.

    This is also implemented in chrome.

    I don't think so. See the tests above – it seems like Chrome goes back to the srcdoc defined in the page.

    I tested Firefox, and it does seem to store the CSP rules along with the srcdoc src, so it's like it stores the whole response. That's what I'll spec for now, and we can look at it again later if needed.

  5. antosart commented on Jun 29, 2021

    @antosart
    Member

    I believe the currently specced behaviour is to store the policies in history for srcdoc.

    The spec doesn't seem to cover restoring srcdoc pages at all, unless I'm missing something.

    Sorry, I just meant w.r.t. policy inheritance (which might never be called because the spec does not cover navigating back to srcdoc). And I actually was mistaken: we explicitly excluded srcdoc when storing policies in history

    This is also implemented in chrome.

    I don't think so. See the tests above – it seems like Chrome goes back to the srcdoc defined in the page.

    Also here I was referring to policies. Chrome reloads the srcdoc content from the srcdoc attribute, but stores and reloads the policies from history.

    Back to the original question: if we store the content of the srcdoc attribute in history, then we should probably store other attributes as well (I am thinking at sandbox for example, or allow). I am not totally sure I am convinced that that is better than reloading everything on history navigations.

  6. jakearchibald commented on Jun 29, 2021

    @jakearchibald
    ContributorAuthor

    I think it comes down to what you'd expect to happen here:

    1. Navigate iframe to '/a'.
    2. Set iframe sandbox attribute and navigate iframe to '/b'.
    3. Press back.

    Should '/a' be sandboxed?

  7. antosart commented on Jun 29, 2021

    @antosart
    Member

    Another good question! I am not sure.

    For history navigations to srcdoc it seemed to be slightly more clear to me, in order to avoid the asymmetry of getting one attribute (srcdoc) back from history while re-parsing another one (sandbox) from the <iframe> element, hence creating something potentially inconsistent.

  8. jakearchibald commented on Jun 29, 2021

    @jakearchibald
    ContributorAuthor

    Yeah it's a tough one, and I don't know enough about sandboxing. How about:

    1. Navigate iframe to '/a'.
    2. Navigate top level to another document.
    3. Press back, which reloads the previous page, and '/a' is reconnected to an iframe, but the iframe now has a sandbox attribute.

    It seems weird to load a non-sandboxed page into an iframe that was born with a sandbox attribute. Maybe reconnection just shouldn't happen in that case.

  9. domenic commented on Jun 29, 2021

    @domenic
    Member

    I think it comes down to what you'd expect to happen here:

    That's a tough one. On the one hand, I would expect '/a' not to be sandboxed since it was originally not sandboxed when loaded. On the other hand, I worry that that could allow some sort of sandbox escape. E.g. maybe the outer page expects that once it puts the sandbox attribute on the iframe, it's safe from its contents.

    Maybe reconnection just shouldn't happen in that case.

    This is my instinct.

  10. changed the title [-]srcdoc interaction with session history[/-] [+]srcdoc and sandbox interaction with session history[/+] on Jun 29, 2021
  11. annevk commented on Jul 21, 2021

    @annevk
    Member

    So, to summarize:

    • Policies, including sandboxing policies (and probably anonymous iframes if they become a thing) are stored in history at creation-time
    • For reconnection, attributes on the iframe (such as sandbox) also need to be part of the key, not just the URL

    I think that sounds pretty reasonable.

    cc @smaug----

  12. jakearchibald commented on Jul 21, 2021

    @jakearchibald
    ContributorAuthor
    • Policies, including sandboxing policies (and probably anonymous iframes if they become a thing) are stored in history at creation-time

    I think that's still a bit weird in this case:

    1. Load page1 in iframe
    2. Set sandbox attribute on iframe
    3. Navigate iframe to page2
    4. Back

    If we're saying that policies are stored with the history entry, that means loading page1 without sandboxing, into an iframe with the sandbox attribute set. Isn't that… confusing?

    If we were starting again, I think I'd want iframe history to be cleared if safety features changed.

  13. annevk commented on Jul 21, 2021

    @annevk
    Member

    Yeah it is. I wonder if clearing history upon such an action would break anything in practice. Failing that, using the sandboxing rules at the time navigate is invoked is prolly best for that case. Is this something we should consider doing better on with new features such as https://github.com/camillelamy/explainers/blob/master/anonymous_iframes.md? No breakage there yet.

    cc @camillelamy

  14. camillelamy commented on Jul 22, 2021

    @camillelamy
    Member

    I think we're envisioning to look at the attribute every time we navigate, whether history or not. I thought this is what sandbox was doing? I would find it weird that an attribute set by the parent of the iframe for security purposes could be overwritten by the iframe's action of going back. I reckon that this looks weird from the iframe point-of-view, however in this case the iframe parent's choice of security attribute should be respected. Otherwise, we might risk a sandbox escape, or loading a regular document in a crossOriginIsolated context by error for the anonymous iframe case.

  15. 11 remaining items

  16. domenic commented on Jul 14, 2022

    @domenic
    Member

    So what are all the behaviors this bug is covering?

    I will work on some WPTs. If someone could help clarify the desired resolution for sandboxing that'd be great as well.

  17. jakearchibald commented on Jul 14, 2022

    @jakearchibald
    ContributorAuthor

    Summary of the sandbox options:

    Option 1: The rules from the sandbox attr are used when navigating an iframe

    Pros: It's what browsers do now!

    Risk: If a developer loads an unsafe page in a sandboxed iframe, then removes sandbox and loads a safe page, it's possible through traversal that the unsafe page loads without a sandbox.

    Risk: If a page loads with a safe page in an iframe, then adds a sandbox to load an unsafe page, it's possible through iframe reparenting that the unsafe page loads without a sandbox.

    Risk: A page loads with an unsafe page in an iframe. It's possible through iframe reparenting, that the heuristics don't quite work, and the unsafe page ends up reparenting into a 'different' iframe without a sandbox.

    Risk: Inconsistent results if we start pulling iframe documents from bfcache.

    Option 2: The sandbox rules are stored in the history entry

    Pros: Follows what we've decided to do with srcdoc and other policy state.

    Risk: It's a change in behaviour, so could be a compat issue.

    Risk: The developer sets a sandbox attribute, then traverses the iframe, and is confused that the rules aren't applied. I don't think this is a security risk. This seems less risky than option 1. Although the developer may expect stronger sandboxing to be in place, since it's a traversal it means they must have already loaded the page with no sandbox.

    Option 3: History clearing and & reparenting failing

    This solution has two parts:

    • If an iframe navigates with new sandbox rules, its other history entries are cleared.
    • If an iframe would reparent into an iframe with different sandbox rules to the original iframe, the reparenting fails.

    Pros: Avoids pages loading with unexpected sandbox rules.

    Risk: It's a change in behaviour, so could be a compat issue.


    Maybe option 2 is the right balance of safe & simple?

  18. added a commit that references this issue on Oct 31, 2022
  19. smaug---- commented on Feb 28, 2023

    @smaug----

    I and @petervanderbeken happened to discuss about this and also prefer option 2 of those three options (and the way Firefox stores srcdoc).
    Should be relatively easy to implement and hopefully not too surprising for the web devs.

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

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