Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

#__flow-root messing with semantic:ui

See original GitHub issue

Hello arunoda,

This __flow-root div is very problematic for me. I am using semantic:ui-css in my project, and in order to have a nice sidebar, my main layout looks like this:

<template name="appLayout">
    {{> navbarTemplate}}
    {{> menubarTemplate}}
    <div class="app pusher">
        {{> ddpNotificationTemplate}}
        {{> sidebarTemplate}}
        <div id="page">
            <div class="inner">
                {{> Template.dynamic template=main}}

Because of the __flow-root div, my layout is fucked up.

"Sidebar:" "Had to add pusher element. For optimal performance make sure body content is inside a pusher element" semantic_ui-css.js:11806:10
"Sidebar:" "Had to move sidebar. For optimal performance make sure sidebar and pusher are direct children of your body tag" <div class="ui sidebar left" id="menubar">

I dont really understand the need of this div element, but it is sure that is does not fit at all with a specific layout design like mine where elements placement matters.

Best regards,


Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:11 (2 by maintainers)

github_iconTop GitHub Comments

arunodacommented, May 15, 2015


On Fri, May 15, 2015 at 3:55 PM William Poussier wrote:

Closed #10

— Reply to this email directly or view it on GitHub

wI2Lcommented, May 15, 2015

@arunoda Thanks you very much !

Read more comments on GitHub >

github_iconTop Results From Across the Web

Message | Semantic UI
A message displays information that explains nearby content.
Read more >
Problems with overridng Semantic UI styles - Stack Overflow
The question I have is how to override styles from semantic ui the easiest way? I compile semantic sheets and have some other...
Read more >
Reveal visible element width is not set correctly #3913 - GitHub
When looking at the page rendered using Chrome dev-tools, I noticed that the width of the div created for the visible element is...
Read more >
Semantic-UI Search Fluid Variation - GeeksforGeeks
Semantic UI open-source framework gives icons or glyphs that are used to show pictures related to some elements using CSS and jQuery that...
Read more >
“Semantic UI” Doesn't Even Use Semantic Markup! - Medium
Every time I dive into another one it's an even bigger mess that what came before it. This time around we have the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found