Pushup Element: CSS selector works with IDs but not with class names - Githubissues

senff / WordPress-Sticky-Block

1 stars 0 forks source link

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

Open porg opened 1 year ago

porg commented 1 year ago

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

https://github.com/senff/WordPress-Sticky-Block/assets/737143/3d134c1c-2dee-4965-9ee4-79890a1ffca7

porg commented 9 months ago

Bump.