profile
viewpoint
KyuWoo Choi kyuwoo-choi GSShop Seoul, Korea https://kyu.io/ ๐ŸŒพ software engineer at gsshop โ€ข write sometimes โ€ข code everyday โ€ข dream always

gs-shop/vue-slick-carousel 364

๐ŸšฅVue Slick Carousel with True SSR Written for โšกFaster Luxstay

kyuwoo-choi/atom-linguist 1

A language classifier for Atom based on GitHub's linguist library.

kyuwoo-choi/angular.js 0

AngularJS - HTML enhanced for web apps!

kyuwoo-choi/awesome-markdown 0

:memo: Delightful Markdown stuff.

kyuwoo-choi/awesome-vue 0

๐ŸŽ‰ A curated list of awesome things related to Vue.js

kyuwoo-choi/babel 0

:tropical_fish: Babel is a compiler for writing next generation JavaScript.

kyuwoo-choi/browserslist 0

Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env.

kyuwoo-choi/carousel-3d 0

Extremely easy 3D Carousel slider jQuery plugin supporting IE8, IE9

kyuwoo-choi/chrome-performance-video 0

Make a webm video from a chrome devtools performance profile.

PR opened gs-shop/vue-slick-carousel

Fix "attempt to cancel a touchmove event with cancelable=false"

Hi,

When we scroll on a page on a mobile (or with chrome browser device toolbar) and at the same time we click/swipe a carousel, the browser throw a silent (not blocking) error :

ReportingObserver [intervention]: Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

In order to avoid this, the only solution that I found was to check if the event is cancellable before trying to prevent it. At the same time I removed the package-lock.json because I think is obselete (replaced by yarn.lock).

+14 -22592

0 comment

3 changed files

pr created time in 19 hours

startedlayrjs/layr

started time in 19 hours

startedvelopert/velog-client

started time in a day

startedvelopert/velog-server

started time in a day

startedpago/reactive

started time in 2 days

created repositorykenu/demo

created time in 2 days

PR opened gs-shop/vue-slick-carousel

โฌ†๏ธ Bump highlight.js from 9.18.1 to 9.18.5

Bumps highlight.js from 9.18.1 to 9.18.5. <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/highlightjs/highlight.js/blob/9.18.5/CHANGES.md">highlight.js's changelog</a>.</em></p> <blockquote> <h2>Release v9.18.5</h2> <p><strong>Version 9 has reached end-of-support and will not receive future updates or fixes.</strong></p> <p>Please see <a href="https://github.com/highlightjs/highlight.js/blob/master/VERSION_10_UPGRADE.md">VERSION_10_UPGRADE.md</a> and perhaps <a href="https://github.com/highlightjs/highlight.js/blob/master/SECURITY.md">SECURITY.md</a>.</p> <ul> <li>enh: Post-install script can be disabled with <code>HLJS_HIDE_UPGRADE_WARNING=yes</code></li> <li>fix: Deprecation notice logged at library startup a <code>console.log</code> vs <code>console.warn</code>. <ul> <li>Notice only shown if actually highlighting code, not just requiring the library.</li> <li>Node.js treats <code>warn</code> the same as <code>error</code> and that was problematic.</li> <li>You (or perhaps your indirect dependency) may disable the notice with the <code>hideUpgradeWarningAcceptNoSupportOrSecurityUpdates</code> option</li> <li>You can also set <code>HLJS_HIDE_UPGRADE_WARNING=yes</code> in your envionment to disable the warning</li> </ul> </li> </ul> <p>Example:</p> <pre lang="js"><code>hljs.configure({ hideUpgradeWarningAcceptNoSupportOrSecurityUpdates: true }) </code></pre> <p>Reference: <a href="https://github-redirect.dependabot.com/highlightjs/highlight.js/issues/2877">highlightjs/highlight.js#2877</a></p> <h2>Release v9.18.4</h2> <p><strong>Version 9 has reached end-of-support and will not receive future updates or fixes.</strong></p> <p>Please see <a href="https://github.com/highlightjs/highlight.js/blob/master/VERSION_10_UPGRADE.md">VERSION_10_UPGRADE.md</a> and perhaps <a href="https://github.com/highlightjs/highlight.js/blob/master/SECURITY.md">SECURITY.md</a>.</p> <ul> <li>fix(livescript) fix potential catastrophic backtracking (<a href="https://github-redirect.dependabot.com/highlightjs/highlight.js/pull/2852">#2852</a>) [<a href="https://github-redirect.dependabot.com/highlightjs/highlight.js/pull/2852/commits/ebaf171d2b3a21961b605aa6173a6a4c57346194">commit</a>]</li> </ul> <h2>Version 9.18.3</h2> <ul> <li>fix(parser) Freezing issue with illegal 0 width illegals (<a href="https://github-redirect.dependabot.com/highlightjs/highlight.js/issues/2524">#2524</a>) <ul> <li>backported from v10.x</li> </ul> </li> </ul> <h2>Version 9.18.2</h2> <p>Fixes:</p> <ul> <li>fix(night) Prevent object prototype values from being returned by <code>getLanguage</code> (<a href="https://github-redirect.dependabot.com/highlightjs/highlight.js/issues/2636">#2636</a>) <a href="https://github.com/night">night</a></li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/highlightjs/highlight.js/commit/f54e96c24325f077a027bb950dcd9f8f3ef48b16"><code>f54e96c</code></a> 9.18.5</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/c34318b6a720a0852d27cd13dc55ca896e1292ec"><code>c34318b</code></a> fix the link since i saw it</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/d2e9bdd7597e308534fc2b0fc4aa2f935895a45d"><code>d2e9bdd</code></a> include date of last release</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/f5e06454216644cf20d7c9275d42e37707281a8e"><code>f5e0645</code></a> typos and tweaks</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/2e0e8ee996eb5b3f5c4ab25b60d910690a0e7258"><code>2e0e8ee</code></a> changelog</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/dc45f7cd21fe51a4cbb23fb36459982d1e06a6d5"><code>dc45f7c</code></a> fix(livescript) fix potential catastrophic backtracking</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/0a2624afb8dc71ef01815b49709481f06914474a"><code>0a2624a</code></a> update readme</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/d571b235c0c079ef971965a5a540eec5d68b531c"><code>d571b23</code></a> add warning</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/ec0bfd5490ca1ec667c9c2b528b364f10b9ea71d"><code>ec0bfd5</code></a> 9.18.4</li> <li><a href="https://github.com/highlightjs/highlight.js/commit/2a04835c959f0adb18e7a3649aa68350c0286101"><code>2a04835</code></a> bump v9.18.3</li> <li>Additional commits viewable in <a href="https://github.com/highlightjs/highlight.js/compare/9.18.1...9.18.5">compare view</a></li> </ul> </details> <br />

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

</details>

+1069 -825

0 comment

2 changed files

pr created time in 3 days

startedGitSquared/edex-ui

started time in 4 days

issue commentgs-shop/vue-slick-carousel

AsNavigationFor does not work !!!

A workaround after I found our it works in Dev mode correct after hot reload when I changed any kind of paramter. It triggers a rendering on mounted:

<VueSlickCarousel ref="testimonials_menu" :arrows="false" :asNavFor="$refs.testslides" :slidesToShow="show">

export default { //.... data: () => ({ show: 1 }), mounted() { this.show = 4 } }

GeorgeFlorian

comment created time in 5 days

fork yyx990803/postcss-modules

PostCSS plugin to use CSS Modules everywhere

fork in 5 days

fork yyx990803/postcss

Transforming styles with JS plugins

https://postcss.org

fork in 6 days

startedcdr/code-server

started time in 6 days

issue commentgs-shop/vue-slick-carousel

AsNavigationFor does not work !!!

Same here. Any workaround / fix or idea? I have no clue where to start. No Console errors ๐Ÿค”

GeorgeFlorian

comment created time in 6 days

startedBuilderIO/jsx-lite

started time in 9 days

issue commentgs-shop/vue-slick-carousel

Using "variableWidth" in IE

I had exactly the same issue like you on IE 12. I ended by simply turning off the option variableWidth on IE ;)

zabefofoon

comment created time in 10 days

startedvueComponent/ant-design-vue

started time in 10 days

issue openedgs-shop/vue-slick-carousel

Responsive options not working correctly

when trying to unslick in V1.0.6, the breakpoint setting works from a (max-width) instead of a (min-width) like you would see in a typical slider.

For example, if the settings are as follows: slickOptions: { slidesToShow: 1, slidesToScroll: 1, arrows: false, responsive: [ { breakpoint: 700, settings: 'unslick', }, ], }

The settings are 'unslick(ed)' from 0-700.

created time in 10 days

issue commentnhn/tui.ngx-calendar

How to display month view when calendar is loaded on the screen

Dooray! ๋ฉ”์ผ ๋ฐœ์†ก ์‹คํŒจ ์•ˆ๋‚ด

๋ฉ”์ผ ๋ฐœ์†ก ์‹คํŒจ ์•ˆ๋‚ด

๋ฐ•์‹œ์šฐ(viewrain@nhn.com) ๋‹˜๊ป˜ ๋ณด๋‚ธ ๋ฉ”์ผ์ด ์ „์†ก๋˜์ง€ ๋ชปํ•˜์˜€์Šต๋‹ˆ๋‹ค.

      ์‹คํŒจ ์‚ฌ์œ ๋ฅผ ํ™•์ธํ•ด๋ณด์„ธ์š”.
    




  
    
      
        * ๋ฐ›๋Š” ์‚ฌ๋žŒย :ย 

๋ฐ•์‹œ์šฐ(viewrain@nhn.com)

        * ๋ฐœ์†ก ์‹œ๊ฐ„ย :ย 

2020-11-17T10:09:03

        * ๋ฉ”์ผ ์ œ๋ชฉย :ย 

Re: [nhn/tui.ngx-calendar] How to display month view when calendar is loaded on the screen (#9)

            * ์‹คํŒจ ์‚ฌ์œ ย :ย 

๋ฐ›๋Š” ์‚ฌ๋žŒ์ด ํšŒ์›๋‹˜์˜ ๋ฉ”์ผ์„ ์ˆ˜์‹ ์ฐจ๋‹จ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

      ์ด ๋ฉ”์ผ์€ ๋ฐœ์‹ ์ „์šฉ์œผ๋กœ ํšŒ์‹ ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
      ๋” ๊ถ๊ธˆํ•˜์‹  ์‚ฌํ•ญ์€
      dooray@nhn.com
      ์œผ๋กœ ๋ฌธ์˜ํ•ด ์ฃผ์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.
    




    ยฉ Dooray!.
telebovich

comment created time in 11 days

issue commentnhn/tui.ngx-calendar

How to display month view when calendar is loaded on the screen

NgxTuiCalendarModule.forRoot({ defaultView: 'month' })

telebovich

comment created time in 11 days

startedakoutmos/prom_ex

started time in 13 days

issue commentgs-shop/vue-slick-carousel

Dots and arrows missing on load

I had to do this to get the arrows to show:

<style>
   .slick-next::before {
     color: black;
   }

   .slick-prev::before{
     color: black;
   }
</style>
JMartinesGH

comment created time in 14 days

issue commentgs-shop/vue-slick-carousel

Inline style of slides are been removed

No info/updates on this?

dieterc

comment created time in 14 days

startedelement-plus/element-plus

started time in 16 days

startedananthakumaran/exq_limit

started time in 16 days

startedakira/exq

started time in 16 days

issue openedgs-shop/vue-slick-carousel

As Navigation for does not work

I have the following two carousels:

      <div class="portfolio-slider">
        <VueSlickCarousel ref="c1" :asNavFor="$refs.c2" v-bind="settings1">

        <div class="slide slide1">1</div>
        <div class="slide slide2">2</div>
        <div class="slide slide3">3</div>
        <div class="slide slide4">4</div>
        <div class="slide slide5">5</div>
        </VueSlickCarousel>
        <button>View All</button>
      </div>
    </div>

    <div class="portfolio-lower">
      <VueSlickCarousel ref="c2" :asNavFor="$refs.c1" v-bind="settings2">
        <div class="slide slide1">1</div>
        <div class="slide slide2">2</div>
        <div class="slide slide3">3</div>
        <div class="slide slide4">4</div>
        <div class="slide slide5">5</div>
      </VueSlickCarousel>
    </div>

with these settings:

      settings1: {
        centerMode: true,
        centerPadding: "15px",
        focusOnSelect: true,
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        swipeToSlide: true,
        speed: 400,
      },
      settings2: {
        slidesToShow: 1,
        swipeToSlide: true,
        infinite: true,
        speed: 400,
        arrows: false,
        fade: true,
        lazyLoad: "ondemand",
      },

The second carousel DOES NOT MOVE when I move the first.

I've even tried the most basic example with the settings from the example and it still doesn't work.

created time in 17 days

issue openedgs-shop/vue-slick-carousel

How to center active slick after refresh ?

Hello.

I have a carousel with 5 items and only 3 are showing.

The issue is that the carousel always start with index 1. I would like it to start with the current active slide or slick-current.

I would like to know if it's possible for the carousel to remain centered on the current active slick-current even after a page refresh.

created time in 17 days

startedtimsutton/brigadier

started time in 18 days

more