Skip to content
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

Nested fragments do not work for block elements #2782

Closed
jonasallgeier opened this issue Sep 22, 2020 · 1 comment
Closed

Nested fragments do not work for block elements #2782

jonasallgeier opened this issue Sep 22, 2020 · 1 comment

Comments

@jonasallgeier
Copy link

The following works as expected:

    <span class="fragment fade-in">
      <span class="fragment highlight-red">
        <span class="fragment fade-out">
          Fade in > Turn red > Fade out
        </span>
      </span>
    </span>

Using the same syntax and block elements, the fragments are not processed correctly (everything is visible from the beginning on; nothing is highlighted red; but fade-out works).

    <p class="fragment fade-in">
      <p class="fragment highlight-red">
        <p class="fragment fade-out">
          Fade in > Turn red > Fade out
        </p>
      </p>
    </p>

Is this the intended behavior? Is there a workaround to get nested fragments working for block elements?

@jonasallgeier jonasallgeier changed the title Nested Fragments Do Not Work For Block Elements Nested fragments do not work for block elements Sep 22, 2020
@jonasallgeier
Copy link
Author

I believe I found the answer... nesting block elements in general does not seem to be a good idea, since each new block element automatically closes the previous one, which explains why only the last fragment is shown.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant