vue-check-view does not trigger if height of div is 0 #14

igorbuts · 2021-07-10T10:43:01Z

Version:

"vue-check-view": "^0.3.0"

Steps to reproduce:

Render the code below in your component:

<template>
  <div v-view. class="wrapper">
    <div v-if="data" class="content">
    </div>
  </div>
</template>

<script>
  export default {
    name: 'test-component',
    data() {
      return {
        data: undefined,
      }
    },
    methods: {
      onceHandler() {
        console.log('onceHandler')
      },
    },
  }
</script>

❌ Actual result:
vue-check-view does not trigger: classes in the dom are not updated and onceHandler is not called.

✅ Expected result:
vue-check-view is triggering.

if I try this workaround:

<style lang="scss">
  .wrapper {
      min-height: 1px;
  }
</style>

it starts working. But IMO it should work without this workaround even when the target div height is 0.

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

vue-check-view does not trigger if height of div is 0 #14

vue-check-view does not trigger if height of div is 0 #14

vue-check-view does not trigger if height of div is 0 #14

vue-check-view does not trigger if height of div is 0 #14

Comments