search

cngu / vue-typer

Vue component that simulates a user typing, selecting, and erasing text.
https://cngu.github.io/vue-typer
MIT License
792 stars 51 forks source link

Words isn't correctly placed #24

Open pirmax opened 6 years ago

pirmax commented 6 years ago

Hi,

I have a problem with this package, the words is not correctly placed after text...

Feed your blog on <vue-typer text="watermelon"></vue-typer>!

capture du 2018-01-31 21-40-10

pirmax commented 6 years ago

And I have another problem, CSS is not taken into account.

birdlavv commented 6 years ago

I had the same placement problem. If you're using Vuetify their is an overlapping css class that causes the vue-typer element to float to the right. was fixed with this SCSS

.vue-typer {
  .right {
    float: initial !important;
  }
  .left {
    float: initial !important;
  }
}
pirmax commented 6 years ago

I've already the same placement problem... Even with the code snippet. And yes, I use Vuetify for landing page.

<style lang="scss" scoped>
  .vue-typer {

    .right {
      float: initial !important;
    }

    .left {
      float: initial !important;
    }

  }
</style>
Fukkuro commented 5 years ago

Had the same problem in my project that uses vuetify. Found the responsible "left" and "right" classes in js files and changed the class names. It worked!