Giter Club home page Giter Club logo

Comments (5)

paescuj avatar paescuj commented on June 18, 2024 2

That being said, I think we should provide an alternative way for users to see the full URL. At least in form of a tooltip (v-text-overflow).
Therefore, I'm reopening this issue so we can address this as a small UI improvement 👍

from directus.

paescuj avatar paescuj commented on June 18, 2024 1

Do you access the page over HTTP and non-localhost domain?
The copy action is only allowed over HTTPS or via HTTP when the domain is 127.0.0.1/localhost.

from directus.

st11x avatar st11x commented on June 18, 2024 1

Yes it is over http. I had suspected that originally but wasn't sure. Thanks.

from directus.

azrikahar avatar azrikahar commented on June 18, 2024

That's odd indeed. The copy button should appear on the right of the URL, as seen here:

image

as well as the screenshot in the docs.

That being said, the button does check whether your browser currently supports copying to clipboard (or has the permission to do so) as seen with the isCopySupported:

<v-icon
v-if="isCopySupported && copyable"
name="content_copy"
small
clickable
class="clipboard-icon"
@click="copyToClipboard(text)"
/>

const isCopySupported = computed(() => {
return !!navigator?.clipboard?.writeText;
});

Can you check whether copying to clipboard is allowed in your current browser? or perhaps checking with another browser as well?

Closing this for now as I believe it's a browser permission issue, but if it still persists with the necessary permission, let's reopen this and investigate further.

from directus.

st11x avatar st11x commented on June 18, 2024

I have checked Edge/Chrome on Win 11, both regular and incognito. I have also checked that on Safari on the iPad. All of them are missing that icon.

Copy permission is good. I can select and copy all the visible parts of the URL minus the ellipsis.

from directus.

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.