metafizzy / metafizzy/flickity

watchCSS on Safari OSX Flickity does not activate within hidden container

Open
#596 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.6k
Forks
593
PR merge metrics
No merged PRs in 30d

Description

It would seem that Safari does not render :after elements within hidden containers, when using watchCSS in Flickity within a hidden container, the create process skips activate. Then when calling resize() upon wanting to reveal the container the Flickity has not properly activated.

https://codepen.io/johnhornsby/pen/NgEQKg

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the Safari OSX case in the linked CodePen, focusing on Flickity's watchCSS behavior inside a hidden container. Trace the create process and the resize() call to determine why activation is skipped; done means a Flickity instance in a previously hidden container activates correctly when revealed and resized.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.