Open Aleksandra0056 opened 1 year ago
Sorry for German GIF, but I didn't find better.
And if you don't know what three dots I am thinking, then I will attach a screenshot.
I think it would be cool if it only moved when mouse hover.
It is not desirable for all long text to always move.
Yes, you are right, it should be moved only when mouse hover.
But I think, that it wouldn't it be bad if there are options like: “Only move with mouse hover” and “Still move” and also I mentioned earlier the “Movement speed” option.
But I thought in my comment which I wrote 5 hours earlier that “Only move with mouse hover” option will be turned on by default.
In v8.0.0
, "Only move with hover" is considered to be put into the defaults.
I'm sure it's a better default if it have enough completeness.
The problem can be quite difficult to implement with pure CSS.
It would be difficult to implement with CSS, or impossible?
The moving animation itself is easy, but it is difficult to move at a constant speed.
And another my question is that you mentioned v8.0.0, so you are planning to add this in v8.0.0?
Yes. If possible, I plan to put it. Even if it's not an ideal implementation, I can make some compromise.
Thank you.
And you attached the GIF of the web version of Spotify or the Spotify application?
Yes, that is right
But web version of Spotify? Or the Spotify downloadable app? I am confused. (Desktop Spotify or https://open.spotify.com)
Just web version(open.spotify.com).
So web version, hmm, they are using CSS too, and you said that it would be difficult by using CSS. So how they made it? Maybe if you inspect their CSS code using web developer tools, then we can easier find a solution.
Calculate the size of the element by javascipt to change the location(translateX
) to move.
Pure CSS alone is very difficult to calculate the period based on the size of the element.
Well, you can combine JavaScript and CSS? Cool. But I thought in my comment (which I wrote 50 minutes earlier) that Spotify website have source code and source code can be inspected with web developer tools. So if you inspect their CSS and JavaScript source code in https://open.spotify.com then we will be closer to the solution of this enhancement.
Implementation is possible if only javascript
is available.
It's just a very simple physical formula, distance = speed x time
.
The problem is because of the constraints that javascript
cannot be used. (In CSS, it is difficult to calculate the time based on the element size.)
So inspecting Spotify website source code would be useless, I am right?
Yeah.
And it would be impossible to implement using only HTML language or combining HTML and CSS. Or I am wrong?
The complete form is impossible, but some compromise is possible. There is a disadvantage of uneven animation speed, but it can be supplemented using the heuristic.
For example,It is to set the duration by width range of the label.
I think that I should give feedback to W3C (World Wide Web Consortium), or WHATWG (Web Hypertext Application Technology Working Group) organizations. Feedback about speed of animation in CSS.
IMO, There is a high possibility of conflict with existing CSS.
I hope that the WHATWG group will implement this feature in CSS3.
Is your feature request related to a problem?
That would be better because the text is fully displayed, instead of three dots. The example of three dots is in overflow menu: When the extension name is too long, in the end of extension name three dots appear.
The solution I'd like
I would like a solution like in attached GIF (And option to change speed of movement of text).
Screenshots or video
Alternatives I've considered
No response
Additional context
No response