GithubHelp home page GithubHelp logo

When dragging a card over a column, the enclosing rectangle sometimes doesn't show or shows very briefly and disappears about tyto HOT 8 CLOSED

jh3y avatar jh3y commented on August 10, 2024
When dragging a card over a column, the enclosing rectangle sometimes doesn't show or shows very briefly and disappears

from tyto.

Comments (8)

jh3y avatar jh3y commented on August 10, 2024

Hey @raja-baz ,

Thanks for taking the time to give some input and feedback, its really appreciated.

So just for me to be clear, are we talking about the dashed outline when dragging a card over a column?

This is handled by a drag event and checking whether it is over a column then the class 'over' is added to the column. So maybe it is the case that this isn't firing for some reason.

I will try and look into it, I have a lot of things to get working on and hoping I am going to get some time to work on them very soon.

Thanks again for this!

@jh3y

from tyto.

raja-baz avatar raja-baz commented on August 10, 2024

Yes, I'm talking about the dashed outline. If I get the time I might look into the code and send you a pull request over the next couple of days.

Keep up the good work mate :)

from tyto.

jh3y avatar jh3y commented on August 10, 2024

hey @raja-baz ,

Thanks for this, yeah sorry just wanted to clarify I understood what we were talking about.

That would be really appreciated if you could!

Thanks for the feedback, I am going to get round to compiling an issue list from the hn discussion.

Thanks again! :)

@jh3y

from tyto.

raja-baz avatar raja-baz commented on August 10, 2024

Thought about posting this as a comment there, but then I thought this way would be less work for you. By the way, let me just say that I was really impressed with your handling of criticism/feedback on HN :)

from tyto.

jh3y avatar jh3y commented on August 10, 2024

Ha, yeah I certainly need to go through that and make a list of the different things people suggested.

Thanks for that! It means a lot when people say that kinda thing to me.

tyto was something I built to help myself out but when I showed it to some people they mentioned that they would also find it useful and with that in mind I thought why not try and polish it up a little bit in terms of making it easy for people to change themselves making it the tool you take over ha. I'm just real happy that people have shown interest in it and given as much feedback as they have, that's my angle on it. Posting it to HN I was really expecting it to get maybe a couple of hits on github and it fall off the new page, not to end up at the top of the front page ha. I posted it expecting no comments but as it's not a finished thing and I am no UX master I'm really happy with the amount of comments it received and I really appreciate when people say "well how about doing it like this.." or the likes because it makes me see things a little differently in a sense.

I'm still trying to get it shared a little and gain a little more feedback and insight because it all helps. The thing is as people have shown some interest, I'd like people to use it if they feel it will help them so moving it towards being community driven will help with this and I think it would be really cool to be able to use a tool and think to yourself "i helped out making this".

I really do appreciate the amount of feedback it's had and the fact that people are willing to help out or share their ideas etc. is really awesome to me.

Thanks again @raja-baz !!

from tyto.

raja-baz avatar raja-baz commented on August 10, 2024

So I looked at this again today, the problem is that a "dragleave" is fired when the cursor enters one of the column's children and that makes the border around the drop area disappear.

This SO discussion is relevant:

http://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element

I have no obvious solution yet.

from tyto.

jh3y avatar jh3y commented on August 10, 2024

Hmm that's strange.

Well I think maybe that there is some logic or maybe even the possibility of adding a drag event listener to the child that just adds the class to the parent. I thought that this was already how it had been implemented though.

We could try using a draggable implementation. I did write a vanilla js one but I had an issue when dragging it outside of columns and it just changing size horribly.

I think what I am going to try and do today is sit down and create an issue list and then I'm thinking of maybe creating several feature and issue branches. I think I'll create a branch of this version too and leave it as is. What are your thoughts on this? I'm thinking then maybe can have a branch for this issue and maybe one for trying out a draggable implementation.

Thanks again for your input and help, it's really appreciated!

:)

@jh3y

P.s sorry for the delay on my end with things but typically around this time of year I've fallen a little under the weather

from tyto.

jh3y avatar jh3y commented on August 10, 2024

I think this will be solved by solving issue #9.

When changing over to portlets, this should sort itself out hopefully.

from tyto.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.