-
Notifications
You must be signed in to change notification settings - Fork 5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update Layout implementation so the initial element is the root element #1356
Comments
Thanks, @tleunen, this is a very good suggestion. The whole Sadly, we can't do anything until then, as this is a hard BC break :-/ But thank you for the PR, we'll definitely use it as a starting point whenever we do begin development on a v2! It'll have to sit quietly in the queue for a while, though :) |
+1 - i'd like to see I haven't looked into it very deeply, as those things aren't too important... but search indexing is a concern. Can headless browsers like googlebot navigate a |
That's definitely the goal for eventual work in v2, @JacobDorman. Personally, I'd like to reimplement |
Just FYI, i tested with phantomjs and then Google Search Console's 'fetch and render' ... neither were able to scroll. I haven't tested the example site yet, so it could be something to do with my implementation. Does anyone have access to test http://www.getmdl.io/ in GSC? If there is a way to get a comment from the search quality team that would be great though. |
Would love to see this behavior normalised as well ! |
+1 |
As an update for everyone on this thread, we'll be making layout more modular in 2.x, which will mean less prescribed behaviour and more customization. This will allow us to get rid of |
Hello, I just started integrating it in my react app (well om.next app) and see no trouble so far but before going any further I would like to know :
|
Closing as we will be splitting up layout into multiple components in v2, for example sidenav (#4476) and toolbar (#4480). We will no longer be automatically inserting or modifying any DOM, especially ones that deal with major portions of the page. Hopefully this helps to ameliorate this issue. We are still in the very early stages of v2 and are currently working towards an alpha. Our master branch is where all v2 work is happening if you are interested in keeping up with its progress. 😄 |
@traviskaufman Would it be a way for us to already test some of your v2 components? What would be the best way to do that? |
What we currently have is in master however it is under very heavy flux. We also are not providing support for working with master until we hit alpha. So explore |
I'm trying to implement MDL with React, using mostly what you already did so it's easier to maintain but I'm facing a few issues (tleunen/react-mdl#4 for example).
Base on my tests, it seems most of the issues came from components where the initial node moves in the tree. With the layout component, the initial node
mdl-layout
moves inside the automatically createdmdl-layout__container
.Would it be possible to change the implementation so the initial node is the container itself, and creates a new inner node and moves all the children in the new node?
I'm testing a few things based on that right now, it doesn't seem to be a lot of work or a lot of changes. Mostly a few things to adapt in the CSS and the
layout__container
would become alayout__inner-container
for example.The text was updated successfully, but these errors were encountered: