Coder Social home page Coder Social logo

Comments (6)

jejacks0n avatar jejacks0n commented on August 23, 2024

Yeah. You'll see this differently in the different browsers I expect. I would initially guess that it might be related to how selections (and what they select) differ. Webkit has one style, and gecko has a slightly different take. Webkit seems to select outside of some nodes.

I'd also guess you're using Webkit when you see that?

from mercury.

JeanMertz avatar JeanMertz commented on August 23, 2024

I am, Safari 5.1.1 to be exact. This is very unintuitive to the end-user. I had a use-case like this where I wanted to display a few company logo's, three in each row, 4 rows long. So I figured I'd make a table and simply upload the image to each cell, but this bug made that very hard, until I figured out what was causing this.

To me (us, programmers), once we know how to work around it, it's no longer an issue. But to the people which this Editor probably mostly targets (Word users, non-technical), this makes no sense.

So, any thoughts how we could solve this problem? Perhaps check if the parent element from the cursor's position is a td tag and move the cursor to the start of the tag?

from mercury.

jejacks0n avatar jejacks0n commented on August 23, 2024

Yeah, you're right. I'll see if there's anything we could try. In general this has caused issues. Like Webkit was selecting a textnode when you would double click on an image to edit its properties.

from mercury.

jejacks0n avatar jejacks0n commented on August 23, 2024

I looked into this, and yes, it's because of the weird selection issues that exist in safari.. I'd bet I can find a bug report that fits this issue.

I don't see an easy fix off hand.. so I'm going to leave it as is for now. If you put the cursor before the space it works ok.. and the spaces are there so you can get your cursor into the cell without it being super painful. I wish there was a better fix, and I'll leave this open in case someone else wants to take a look at it.

from mercury.

JeanMertz avatar JeanMertz commented on August 23, 2024

I'll see if I can find the time to look into this next week. I'm actually implementing Mercury in my own CMS for my local clients so while we can understand these bugs and work around them, the people I will expose this editor to often have no clue about the Internet and only understand Word. So for those users, small issues like these can be dealbreakers

from mercury.

JeanMertz avatar JeanMertz commented on August 23, 2024

By the way, the most hacky solution I can think of would be to act on mouse down inside a cell and move the cursor at the start when only a space is present

from mercury.

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.