Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Attachments not displaying when first "attaching" them #142

Open
bagwaa opened this issue Jan 29, 2020 · 9 comments
Open

Attachments not displaying when first "attaching" them #142

bagwaa opened this issue Jan 29, 2020 · 9 comments
Labels
bug Something isn't working

Comments

@bagwaa
Copy link

bagwaa commented Jan 29, 2020

Thanks for this plugin, I enjoy using it and has saved me a lot of time, however I am seeing some very strange behaviour even on the most basic of installs.

I will describe my problem below and I have also included a repo which is just a vue-cli installed app (the default one) with Vue-Trix added into the main component.

See the full repository here : https://github.com/bagwaa/vue-trix-bug

to replicate the bug

Project setup

yarn install
yarn run serve

Bug with Description and Video Demonstration

Watch the video here

My HelloWorld component looks like this, as basic as I could get it for this example.

<template>
  <div class="hello">
    <VueTrix v-model="editorContent" />
  </div>
</template>

<script>
import VueTrix from "vue-trix";

export default {
  components: {
    VueTrix
  },
  data() {
    return {
      editorContent: ''
    }
  }
}
</script>

I have tried this in Chrome and Firefox on Linux

  1. If I click on attach file BEFORE entering any content the image does not display.
  2. If I have "some content" which has NO
    tags (you can see the actual content in vue chrome dev tools) then attaching images is fine.
  3. If I try to attach an image straight after a
    tag it fails.

I am really confused by this behaviour, bug? or "holding it wrong?"

@hanhdt
Copy link
Owner

hanhdt commented Jan 30, 2020

Hi @bagwaa ,

Thank you so much for submitting the issue.
It seem like you are right. I will reproduce and check it soon.

@hanhdt hanhdt added the bug Something isn't working label Feb 3, 2020
@hanhdt
Copy link
Owner

hanhdt commented Feb 5, 2020

@bagwaa,
If you use 'drag-n-drop' the file with your scenarios, this behaviour won't occurs.
It's only on clicking the attach button, right?

@bagwaa
Copy link
Author

bagwaa commented Feb 5, 2020

@bagwaa, ...

@hanhdt that’s correct, the drag functionality seems to work fine, it’s just when you click on the icon to attach an image.

Sent with GitHawk

@inspire22
Copy link

Any progress with this?

@JohnyJohny1861
Copy link

JohnyJohny1861 commented Nov 18, 2020

How could I disable file uploader please help with config prop object

@hanhdt
Copy link
Owner

hanhdt commented Nov 19, 2020

@JohnyJohny1861 Can you take a look at this solution? #87

@Alex-Casale
Copy link

@hanhdt
I found the same problem.
Premise: the serve side loading works.
Pressing the button does not display the image while drag and drop works perfectly

@hanhdt
Copy link
Owner

hanhdt commented Jan 11, 2022

@Alex-Casale,
Thanks for your clarification.

@Alex-Casale
Copy link

@hanhdt
Is there a solution to this bug?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

5 participants