Subtitle with display formatting in card view and searching with more than 3 characters

[utomic-media]

Subtitle with display formatting in card view and searching with more than 3 characters

[terafirmanz]

Will do. We are on 1 behind the latest 10.7 but will test more as other collections don’t do it to me.

[terafirmanz]

Further to this I found if the click action is the display formatting is set to copy value rather than default action then the data is always not visible in the card view regardless of if a search is being performed or not.

[Dominic-Marcelino]

Hi, thanks for pointing out!
I haven't used the extension with the card layout yet. I'll make sure to test this next week and let you know if there's anything more I need for reproduction.

[Dominic-Marcelino]

Unfortunately I'm not able to replicate the issue.
Are you using the latest version?

Search with display in "classic mode" with action-buttons next to the value:

Search with display in "button mode" with a custom action button:

Can you specify in which situations the issue happens (field-type, layout configuration, display config)?

---

Apart from this, I notices that the button mode isn't fully compatible with the card-layout. The buttons are too high for the wrapper. Therefore I switched to a smaller button in a new version

[terafirmanz]

Ok wrote a whole reply and just as I was about to post I tested a hunch and found the problem. its in the display layout subtitle having a space after a hyphen. Also the problem only happens when the search returns only a sigle row of results (depending on the browser width)

this has the issue:

thsi does not:

[Dominic-Marcelino]

Unfortunately I'm still not able to replicate the issue.

Next to my previous tests I tried to replicate your setup as much as possible from the given information:

• using a status field that's displayed as dots
• Adding a text-field with the display
• Tested all three default click options
• Tested different button modes

Which versions of directus and this extension are you using? Have you installed the extension via npm or by copying the files into the extensions-folder?

[terafirmanz]

If you make the subtitle in the layout options:
Status - URL
you should get the problem.
I have noticed that updating to the latest version of your plugin has meant some records always show correctly even when others filter as well just to confuse me more.

[Dominic-Marcelino]

If you make the subtitle in the layout options:
Status - URL
you should get the problem

Unfortunately this doesn't makes a difference. The spaces shouldn't have any impact at all, as they're not rendered. Which directus version are you using?

I have noticed that updating to the latest version of your plugin has meant some records always show correctly even when others filter as well just to confuse me more.

This means there's something with overflowing data. Can you create an isolated reproduction with both the latest directus and extension version and send me a database dump?

[terafirmanz]

Okay, I've updated everything to the latest Directus 10.8.2 and this extension to 1.6.6 and still have the issue. I then tested on other collections and could re-create the problem. So I tested on a new test collection and could not re-create the problem with random data but as soon as I started entering IP addresses in the field that was set to the subtitle display the problem happened.

It has to be exactly this setup in the card subtitle display for the problem to happen:
{status}"space"-"space"{field with IP data}
if you add more spaces its the same and if you add more hyphens the problem gets worse.
if the data is not IPv4 data (numbers with dots) the problem does not happen. So I don't know if this is a directus css issue or this extension but it only happens when this extension is active in the display of the affected field.

[Dominic-Marcelino]

I'm still unable to replicate the issue. I've created a status field (display as dot) and a text field (field-action display), entered an IP V4 into the value and started a search. Everything works as expected:

Please create an isolated reproduction (fresh directus instance + this extension only) where you create one collection with some data for reproduction and send me the database dump. Otherwise I'm unfortunately unable to help, as I'm unable to reproduce the problem.

[terafirmanz]

So far I have been unable to reproduce in a fresh env. Not sure what on my prod env causes it as it is a docker setup.
In my prod env it appears to now only happen to specific records but not all so something somewhere needs a cleanup but thats my problem to sort.

[Dominic-Marcelino]

Thanks for getting back!
I'll close the issue for now, as we're both unable to reproduce it. Feel free to reopen in case you find a related issue with the extension.