"Hide if empty" ignored for fields

Tried to reproduce, and this seems to be working as designed. The option that is enabled in the screenshot and the steps is about hiding an empty field, which it is (the row is empty in the screenshot). What is not hidden is the empty row. There is nothing saying that this setting should bubble up and hide the whole row (if all fields are empty and all fields have this option enabled?). Right?

If you want to hide rows that don't have content in a certain field, that would need a filter.

Am I reading this correctly or is there something here that I'm overlooking?

Thanks for looking at this. Perhaps it's the wording which is the challenge here then?

With the current wording, my assumption is that if "Hide if empty" is enabled the field including the empty row would be skipped, so that <div class="views-row"></div> would not be output. But it sounds like that's not the case.

I understand a filter like Content: Image:target_id (not empty) should be used instead, and this works well.

But what is the meaning of "Hide if empty" then? Like, what's the use case?

A use case I can see: If you have multiple fields in a row and only want to show the wrapper for that field if it has a value?

Since it would be up to the plugin rendering the row to do something with the information from the fields, it would be very hard to bubble this setting up to the row consistently.
That would need to be implemented in all Style and/or Row plugins individually, sort of like what the Table Style does with the empty_column setting.

So to me this is 'Works as designed'. The setting in the field should control that which it has control over: only that field.

But yeah, better wording might help, although the description is already pretty extensive: "Enable to hide this field if it is empty. Note that the field label or rewritten output may still be displayed. To hide labels, check the style or row style settings for empty fields. To hide rewritten content, check the "Hide rewriting if empty" checkbox."

Thanks for the explanation, though I still don't understand what "Hide if empty" actually means in this context then :)

I even tried to disable "Add views row classes", and an empty div is output: <div></div>.

I think I may understand it, if you could describe the steps for me to actually hide it ... is that possible? Because I am trying hard to do what the text says ("Hide if empty") but keep failing ...

When we reach that point where something can be hidden, we can look at how to rewrite the help text, to make it immediately understandable?

I kind of having the same problem. To extend this issue: When I attach a class to that field for example in order to show a background-image - let's say a maps icon, then that icon shows up no matter what - as the empty view is empty but the views-field class with the additional class as span is still in the code. Hence the icon is visible, taking up space, and causing frontend problems.

The text is misleading. In the settings it says: "Do not display fields, labels or markup for fields that are empty." - but the actually markup is showing up - Like for example:

<div class="views-field views-field-field-address-country-code"><span class="field-content icon-place"></span></div>

It is not user-friendly this way and kind of counter-intuitive for frontend developers.
I know have to find a way to really hide the entire views-field div.