CSS in Flare shows Flex property as invalid

[AnjanaDevarakonda]

Hi Guys,

I have been working on adding a feedback button to the masterpage of my webhelp. I wrote the HTML and CSS for it on codepen and when I was trying to implement the same in Flare, it showed this error message:

..\Content\Resources\Snippets\FooterFeedback.flsnp: CSS: Invalid display: flex

What's surprising is that the code works just fine on a colleague's project and the output shows up as expected. Have any of you faced such an error?

Here's the css it is referring to:

.modal__overlay {
background: rgba(0,0,0,0.4);
bottom: 0;
left: 0;
position: fixed;
right: 0;
text-align: center;
text-shadow: none;
top: 0;
z-index: 600;
display:flex;
justify-content:center;
align-items:flex-end;
}

Thanks,
Anjana

[atomdocs]

Hi Anjana

Yes, I use flexbox and I get an error message. I just ignore it. As you say, the flexbox CSS displays correctly in output. The preview function in Flare also works ok, to assist you while working.

I expect this is normal, flexbox only reached candidate recommendation status last month, so maybe it is a bit early for the Flare UI to recognise it. I don't know what MadCap's process is for new properties. Note that you will see "flex" for the display property in the Flare stylesheet editor, but you cannot actually choose flex through the editor (it always showed up in v11, but in v12, it seems not to display in the default medium, but if you open another medium next to it, you will see "flex")

But as it compiles ok in the output, I plan to keep using it - hope you will too, it is a brilliant positioning tool

[ashb]

Hi,

Does anyone know if there is a way to suppress this message? I get it ever time I open a topic.

Ashley

[jimgilliam]

Years and years later... and this issue still exists.

[StormCloud79]

Funny I just was getting this error when using flex and thought maybe there was a resolution but clearly not! Glad I'm not the only one to just be ignoring the error!

[jimgilliam]

Yeah, it's very frustrating how Flare allows itself to use Flex in generated content, but it throws its customers the error saying it's invalid. Invalid for us, not for itself.

[trent the thief]

There a feature request to add flex and all its attendant elements. Feel free to climb on

Flare will whine about flex, but will still use it.

[jimgilliam]

Thanks, Trent. How do I climb on?

[trent the thief]

Start here with a bug that Flare is throwing errors against valid CSS:

https://www.madcapsoftware.com/feedback/bugs/

Then go here and tell them to add flex:

https://www.madcapsoftware.com/feedback ... quest.aspx

[npounraj]

I am using MadCap Flare 2023. When working on any HTML file, I encounter the following error:
CSS: Invalid display: contents.

Most of the time, it consumes more time for each keystroke. Any help or suggestions are appreciated.

[Psider]

display: contents has very poor support across browsers, so I personally would probably avoid using it. https://caniuse.com/css-display-contents

However, if you really need it you can request for it to be added using the second link Trent provided.