ctrl-click (go to defintion) on a web component custom element doesn't do anything Follow

Created September 20, 2021 05:32

ctrl-click (go to definition) on a web component custom element doesn't do anything. I have the Polymer & web Component plugin installed. It seems Web Components support is limited.

4 comments

Olga Diakonova

Created September 24, 2021 13:34

Hello Abdu,

Could you please share a specific example, like screenshot or recording or code sample so that we could take a closer look at it? Thank you in advance!

Abdu Bukres

Created September 26, 2021 05:22

Your comment system doesn't allow attachments. I was going to share a zip file..
I would like to ctrl-click on the <popup-info> to go to its class. This works in Angular and React but not in Web Components it seems.

class PopUpInfo extends HTMLElement {
  constructor() {

    super();
...
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Pop-up info box — web components</title>
    <script src="main.js" defer></script>
  </head>
  <body>
    <h1>Pop-up info widget - web components</h1>

    <form>
      <div>
        <label for="cvc">Enter your CVC <popup-info img="img/alt.png" data-text="Your card validation code (CVC) is an extra security feature — it is the last 3 or 4 numbers on the back of your card."></popup-info></label>
                   
        <input type="text" id="cvc">
      </div>
    </form>

  </body>
</html>

Angelina Elycheva

Created October 06, 2021 12:19

Hello Abdu,

Could you please share your zipped solution, you can do it via our upload service. Once you've upload the file please let me know its ID.

Thank you.

Abdu Bukres

Created October 10, 2021 05:26

file id: 2021_10_10_BS7yuzJGec5PA55S

Please sign in to leave a comment.