Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug: undefined srcset with use-picture #39

Open
manniL opened this issue Mar 9, 2019 · 1 comment
Open

Bug: undefined srcset with use-picture #39

manniL opened this issue Mar 9, 2019 · 1 comment

Comments

@manniL
Copy link

manniL commented Mar 9, 2019

Heyho 馃憢

The following code will result in an undefined undefined value for the srcset of the source slot.
Using a string instead (:srcset="'https://googlechrome.github.io/samples/picture-element/images/butterfly.webp'") is a workaround to avoid that issue.

    <v-lazy-image
      use-picture
      srcset="
        https://cdn-images-1.medium.com/max/800/1*xjGrvQSXvj72W4zD6IWzfg.jpeg,
        https://cdn-images-1.medium.com/max/1200/1*xjGrvQSXvj72W4zD6IWzfg.jpeg 1.5x,
        https://cdn-images-1.medium.com/max/1600/1*xjGrvQSXvj72W4zD6IWzfg.jpeg 2x
      "
      src="https://cdn-images-1.medium.com/max/800/1*xjGrvQSXvj72W4zD6IWzfg.jpeg"
    >
      <source
        type="image/webp"
        srcset="https://googlechrome.github.io/samples/picture-element/images/butterfly.webp"
      />
    </v-lazy-image>

CSB: https://codesandbox.io/s/3097oj4rlp

@alexjoverm
Copy link
Owner

That's weird... any ideas why it happens? They should be equivalent

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants