Fix - Missing Reference for -webkit-fill-available

[ragul1697]

Description

Fixes #35618 - Added CSS Reference entry for -webkit-fill-available

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/WebKit_Extensions

Flaws (48)

URL: /en-US/docs/Web/CSS/WebKit_Extensions
Title: -webkit-prefixed CSS extensions
Flaw count: 48

• macros:
  • /en-US/docs/Web/CSS/-webkit-app-region does not exist
  • /en-US/docs/Web/CSS/-webkit-border-horizontal-spacing does not exist
  • /en-US/docs/Web/CSS/-webkit-border-vertical-spacing does not exist
  • /en-US/docs/Web/CSS/-webkit-column-axis does not exist
  • /en-US/docs/Web/CSS/-webkit-column-progression does not exist
  • and 43 more flaws omitted

(comment last updated: 2024-10-08 08:50:03)

[chrisdavidmills]

Hi @ragul1697! I had never heard of this before, so I found researching it interesting. Thanks for adding it.

I do have an issue with your content update — -webkit-fill-available is a value, not a property, so it doesn't fit in the list you have inserted it into.

Maybe you could add a "Values" section at the bottom of the page, add an entry below it for -webkit-fill-available, and explain that it is a proprietary value for sizing properties such as width and height, which causes a container to take up all the available space in that dimension. What do you think?

You could perhaps also explain that really this is a non-standard way of doing what Flexbox's stretch value achieves, and you should use that instead to fix such problems? Or am I misunderstanding this?

[Josh-Cena]

It is not a property. I think you need to make a new section called "-webkit-prefixed property values" and explain which property it is for and what standard replacement exists. You should also not use cssxref because there's no page for it and there won't be one.

[ragul1697]

Hi @chrisdavidmills, I have made changes for the -webkit-fill-available CSS Value. Please have a look at it. Thanks😎

[chrisdavidmills]

This is nearly there now, nice work @ragul1697! I just had an edit suggestion and a question for you.

[ragul1697]

Hi @chrisdavidmills, I have added the suggested content. Thanks😎

[chrisdavidmills]

Perfect, thank you @ragul1697! Merging.