👀 swiperJS 관심 있는 이슈

[hi-jade88]

• issue 번호 & 간단한 설명 ( 최소 3개 )

[hi-jade88]

• issue#5468
  centeredSlides: true이고, progress를 켜둔 상태에서 slide의 크기가 제각각일 때 progrress가 0이 되지 않는 이슈
  vanillaJS 사용,
• issue#5427
  react 에서 hook을 사용하여 slider를 만들었는데, multipleslider가 아닌 단일 slide가 만들어짐.
• issue#5799
  react18를 사용하는데 SwiperSlideProps에서 에러가 있음. (typescript)

: 간단한 설정 이슈거나 혹은, 사용자가 명세를 잘못 이해한 경우로 보여서 조금 관심을 가지면 해결 할 수 있을 것 같음!

[lucid-jin]

1. SwiperSlide is visible not working  nolimits4web/swiper#5786
   useSwiperSlide hooks 기능중 isVisible 속성이 항상 false로 오는 문제,
   in React,
   분석: 사용방법이 잘못된거 같음,
   isVisible - true when current slide is visible (watchSlidesProgress Swiper parameter must be enabled)

2. How to hover any slide to pause in swiper nolimits4web/swiper#5771
   hover 시 바로 멈추는 기능이 안된다고 하는거같음. 확인 해보니 실제로 안되는거 같음
   in React

3. Components on Swiper are not completely visible when Scale is applied nolimits4web/swiper#5432
   커스텀하게 만들고 싶은데 y 축으로 크게 하고 싶다는 의견, 어떤 클래스를 붙여야 y축이 안잘리고 확대가 될지 질문을 하였음
   in React

[ghtea]

• #5786
  • SwiperSlide is visible not working  nolimits4web/swiper#5786
• #5609
  • Swiper/React Custom navigation buttons are not properly enabled/disabled nolimits4web/swiper#5609
• #5781
  • Grid - rows > 1 + fill: 'row' + slidesPerView: 'auto' causes the swiper to go crazy nolimits4web/swiper#5781

[danbiilee]

네비게이션 버튼

nolimits4web/swiper#4052

• slidesPerView: 'auto',  watchOverflow:true 설정 후 최초 렌더링 시 왼쪽 네비게이션 버튼이 비활성화 되지 않음
• (비정상)최초 렌더링 시 보이는 왼쪽 네비게이션 버튼
  
• (정상)다시 돌아왔을 때 swiper-button-disabled 클래스가 붙어 비활성화된 네비게이션 버튼
  

---

coverflow effect

nolimits4web/swiper#5806

• 공식 데모를 확인해보면 React에서만 해당 이펙트 효과가 나타나지 않음. Core, Vue, Angular, Svelt 데모에서는 문제없이 동작

---

CSS 관련?

nolimits4web/swiper#5780

• 메이슨리 레이아웃처럼 구현하고 싶은데 아래처럼 이미지들끼리 겹쳐서 보임
  
• 이전 버전 솔루션은 존재하지만 아마도 옵션 변경으로 인해 최신 버전에는 적용되지 않음

[wjddlsy]

• 자동 재생 중 호버 시 정지 불가

  How to hover any slide to pause in swiper nolimits4web/swiper#5771

• 리액트 18 과 호환 불가능한 타입

  Typescript error with SwiperSlideProps interface and @types/react@18 nolimits4web/swiper#5799

• loop 와 breakpoints 같이 사용시 이슈

  Broken Navigation with a specific configuration nolimits4web/swiper#5793

[rukeni]

• Next.js Hydration Error (#5784)
  • Using breakpoints option in Next JS causes Hydration error nolimits4web/swiper#5784
• 리액트 16.11 버전 타입스크립트에서 VFC가 없는 문제(#5763)
  • Namespace 'React' has no exported member 'VoidFunctionComponent' nolimits4web/swiper#5763
• slideToClickedSlide and loop not working(#5637)
  • [React] slideToClickedSlide and loop not working nolimits4web/swiper#5637