Skip to content

https://angular.io/guide/reactive-forms shows empty page #24973

Closed

Description

@ukrukarg

I'm submitting a...


[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
[ ] Other... Please describe:

Current behavior

https://angular.io/guide/reactive-forms shows empty page and this in console:

[DocViewer]: Error preparing document 'guide/reactive-forms'. DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
    at t.extractHeadingSafeHtml (https://angular.io/main.634954f01b01be38505a.bundle.js:1:299121)
    at https://angular.io/main.634954f01b01be38505a.bundle.js:1:298593

Expected behavior

Page should be shown.

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

Environment


Angular version: X.Y.Z


Browser:
- [ ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: XX  
- Platform:  

Others:

Activity

  1. manklu commented on Jul 18, 2018

    @manklu

    Works for me without problems. Which browser did you use?

  2. ukrukarg commented on Jul 18, 2018

    @ukrukarg
    Author

    Actually, now it also works for me. Guess all I had to do was complain :)

  3. krcourville commented on Aug 18, 2018

    @krcourville

    Little more background on this...

    I'm seeing this issue on several documentation pages using Chrome 68 on Mac. Safari seems to work ok.

    Some pages I've run across so far that exhibit this behavior:

    The error in the console is:

    ERROR [DocViewer] Error preparing document 'guide/singleton-services': Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
        at t.extractHeadingSafeHtml (https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:264514)
        at https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:263980
        at Array.map (<anonymous>)
        at t.genToc (https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:263947)
        at https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:307681
        at e._next (https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:309978)
        at e.__tryOrSetError (https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:52231)
        at e.next (https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:51342)
        at e._next (https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:50476)
        at e.next (https://angular.io/main.2ce174b314884f005f8b.bundle.js:1:50147)
    

    But then, I did an Empty Cache and Hard Reload, and all is well.

  4. gkalpak commented on Aug 20, 2018

    @gkalpak
    Member

    Thx for the extra info, @krcourville. Interestingly, though, extractHeadingSafeHtml() does not contain any call to removeChild() 😕
    (Sounds like a Chrome bug.)

  5. yongzhi-chen commented on Sep 19, 2018

    @yongzhi-chen

    @gkalpak from the chrome inspector the function extractHeadingSafeHtml clearly has removeChild function. I guess the bundle js is not using the latest version?

    t.prototype.extractHeadingSafeHtml = function(t) {
                    var e = this.document.createElement("a");
                    e.innerHTML = t.innerHTML;
                    var n = e.querySelector("a");
                    return n && e.removeChild(n),
                    this.domSanitizer.bypassSecurityTrustHtml(e.innerHTML.trim())
                }
    
  6. gkalpak commented on Sep 19, 2018

    @gkalpak
    Member

    This code is from before 12be311. The current version uses different code.
    How come you are getting that old version? I wonder if the SW was keeping you back to an old version.
    (Fortunately, we are switching to the latest SW which should be more reliable: #25997)

  7. yongzhi-chen commented on Sep 19, 2018

    @yongzhi-chen

    hmm it does seem like it. the service worker caches the entry html so Chrome was using the old main.js

  8. angular-automatic-lock-bot commented on Sep 14, 2019

    @angular-automatic-lock-bot

    This issue has been automatically locked due to inactivity.
    Please file a new issue if you are encountering a similar or related problem.

    Read more about our automatic conversation locking policy.

    This action has been performed automatically by a bot.

  9. locked and limited conversation to collaborators on Sep 14, 2019
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

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions