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

Pushup Element: CSS selector works with IDs but not with class names #2

Open
porg opened this issue Jul 7, 2023 · 1 comment
Open

Comments

@porg
Copy link

porg commented Jul 7, 2023

Reproduction

  • Create a page with these block setup
    • Columns block
      • Left column
        • A few paragraph blocks. In total longer than the Image height in the right column.
      • Right column:
        • Sticky block (wrapping the Gutenslider block)
          • Image block wrapped within Sticky block
  • Headings block
    • Acts as the pushup block
    • Has ID #media-text-block (via Advanced > HTML Anchor) and class .wp-block-heading in the HTML output
  • Other blocks follow

Observation (possibly bug)

  • Sticky block → Pushup element
    • ✅ Setting a CSS ID #media-text-block works
    • ❌ Setting a CSS class .wp-block-heading fails to select the pushup element
      • This puzzles me a bit, because the hint text of "Pushup element" says e.g. '#footer', '.widget-bottom', etc. which gave me the impression that both IDs and classnames are allowed to select the pushup element.

Screen Recording

WordPress.Sticky.Block.Pushup.Element.can.be.selected.with.ID.but.not.with.CSS.class.mp4
@porg porg changed the title Pushup Element: CSS selector works for IDs but not for class names Pushup Element: CSS selector works with IDs but not with class names Jul 7, 2023
@porg
Copy link
Author

porg commented Feb 15, 2024

Bump.

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