Skip to content

Doesn't work with flexbox - renders component 2x. #14

@cellis

Description

@cellis

I'm trying to use this with flexbox. My html structure is as follows:

css

.Site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.Site-content {
  flex: 1;
}

#app {
  display: block;
}

html

<body class="Site">
    <div class="Site-content">
        <div id="app">
             ... app rendered here ...
        </div>
    </div>
</body>

With the above css, a click on links does not transition correctly on the first click, and on the second click it renders a duplicate of the component.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions