question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

class is not a valid Picture Config Option

See original GitHub issue

I’m trying out the Picture component, and when I attempt to style it with astro scoped styles, I get a warning in the terminal:

[astro-imagetools]  class  is not a valid Picture Config Option

Is this because of https://github.com/RafidMuhymin/astro-imagetools/issues/18? I’m trying to add a border-radius to the image.

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:1
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
IanVScommented, Jun 6, 2022

I’ll give this a quick go. The warnings have been bugging me. 😄

3reactions
matthewpcommented, Jun 6, 2022

Hey, that is correct that the scoped class name is passed down, so that components can opt-in to receive the parent component’s scoped styles. One big use case for this is the Markdown component.

If you want to forbid this problem, I would probably suggest inspecting it, at runtime, and checking to see if there are any class names other than the astro scoped ones. If there are, throw or provide your warning or whatever you prefer.

Read more comments on GitHub >

github_iconTop Results From Across the Web

c# : setting an image to pictureBox from List<Bitmap> in ...
The problem occurs when I call this method from a different class. ('invalid parameter' error is thrown). First I return the list from...
Read more >
invalid - CSS: Cascading Style Sheets - MDN Web Docs
The :invalid CSS pseudo-class represents any , , or other element whose contents fail to validate.
Read more >
Samsung AU8000 Calibration Settings - RTINGS.com
We used the following calibration settings to review the 65" Samsung AU8000 (UN65AU8000), and we expect them to be valid for the 43,...
Read more >
Error message when you open or save a file in Microsoft Excel
Error Message. When you open or save a file in Microsoft Excel, you may receive one of the following error messages: Error message...
Read more >
Plyr.io - A simple HTML5, YouTube and Vimeo player - GitHub
Enable ads in the config options and enter your publisher ID. Any questions regarding the ads can be sent straight to vi.ai and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found