Skip to content
This repository was archived by the owner on Mar 20, 2024. It is now read-only.
This repository was archived by the owner on Mar 20, 2024. It is now read-only.

server app instance not removed from DOM after client bootstraps app #111

@mohamedaarab1994

Description

@mohamedaarab1994

Note: for support questions, please use the Universal Slack Channcel or https://gitter.im/angular/universal

  • I'm submitting a ...
  • bug report
  • feature request
  • Which parts of preboot are affected by this issue?
  • server side
  • client side
  • inline
  • build process
  • docs
  • tests
  • Do you want to request a feature or report a bug?
    Question/bug

  • What is the current behavior?
    I'm having an issue with the application not working with buffer set to true. (works if I turn off buffer). What happens is that the visible app-root is completely unusable while the hidden one with display: none works correctly. The pre-rendered version should be removed or hidden from the DOM once the client finishes bootstrapping, but in this case it doesn't happen.

https://i.imgur.com/S8n4ctp.png

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem by creating a github repo.
    I only added PrebootModule.withConfig({ appRoot: 'app-root' }), to app.module and
    applied a fix for the flickering issue mentioned Big FOUC as server side styles removed before the switch to client side #75 (comment)

  • What is the expected behavior?
    It should remove the pre-rendered selector from the DOM after the client is finished bootstrapping.

  • What is the motivation / use case for changing the behavior?
    I need help getting this fixed

  • Please tell us about your environment:

  • Browser: Chrome 79
  • Language: Typescript
  • OS: Windows
  • Platform: NodeJs
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

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