grid filter auto width does not work

[hideki.yoshikura]

Hi,

Param query version is using 6.2.4.
There is a phenomenon that the auto width of the filter does not work when the character displayed in the filter contains the character string of the combination of Kanji and numbers.
For alphabets only, auto-width works and the string is displayed correctly.

This phenomenon can be confirmed with the following procedure at the demo site below.
https://paramquery.com/pro/demos62

1. First, set grid option referring to the following site.
https://paramquery.com/pro/demos/filter_custom
gridOptions: {
                width: 'flex',
                flex: { one: true }
            }
2. Set the following css.
.pq-popup {
    width: auto !important;
}

3. In ShipCountry, enter kanji and numbers. 30 characters in total

4.The width of the filter is not adjusted automatically and some characters are not displayed.
Please see the attached file

Is this a bug?
Please tell me the reason why the filter does not work depending on the combination of character strings, and if there is a countermeasure,

Thank you.

[hideki.yoshikura]

Sorry,

I will attach the file again.
please confirm

[paramvir]

It's due to a combination of factors:

1) grid is based on virtual rendering.
2) flex: { one: true } works only once.
3) In your case, long string appears after scrolling to the bottom

Please add this to gridOptions to fix it:

Code: [Select]

scrollStop: function(){
this.flex();
}


[hideki.yoshikura]

Thank you for your reply.

I added the option for scrollStop, but the symptom did not change.
As a test, setting the character string that combined the alphabet, kanji and numbers in the cell on the 2nd line, auto width worked.
Please see the attached file
Is this related to the combination of strings?

[paramvir]

Please share a jsfiddle / stackblitz.

[hideki.yoshikura]

Sorry.
I made a mistake in the setting location of scrollStop

It was solved by adding scrollStop.
Thank you