fix: FluentSelect not show fully in TemplateColumn

[kamazheng]

<FluentDataGrid id="defaultGrid" Items=RowsGrid.AsQueryable() GridTemplateColumns="1fr 1fr 1fr" TGridItem=SampleGridData>
    <TemplateColumn Title="Name">
        <FluentTextField @bind-Value="@context!.Name" />
    </TemplateColumn>
    <TemplateColumn Title="Age">
        <FluentNumberField @bind-Value="@context!.Age" TValue="int" />
    </TemplateColumn>
    <TemplateColumn Title="Select">
        <FluentSelect  TOption="string" Height="300px" Open="true">
            <FluentOption Value="AL">Alabama</FluentOption>
            <FluentOption Value="AK">Alaska</FluentOption>
            <FluentOption Value="AZ">Arizona</FluentOption>
            <FluentOption Value="AR">Arkansas</FluentOption>
            <FluentOption Value="CA">California</FluentOption>
            <FluentOption Value="CO">Colorado</FluentOption>
            <FluentOption Value="CT">Connecticut</FluentOption>
            <FluentOption Value="DE">Delaware</FluentOption>
            <FluentOption Value="FL">Florida</FluentOption>
        </FluentSelect>
    </TemplateColumn>
</FluentDataGrid>


@code {
    public class SampleGridData
    {
        public string Name { get; set; }
        public int Age { get; set; }
        string? selectValue;

        public SampleGridData(string name, int age)
        {
            Name = name;
            Age = age;
        }
    }

    List<SampleGridData> RowsGrid = new()
    {
        new SampleGridData("Rob", 19 ),
        new SampleGridData("Bob", 20 )
    };
}

[vnbaaij]

Thisis a know issue/limitation. See #217 for possible workarounds

[ARiSoul]

I was also struggling with this, no workaround was solving the problem, maybe my fault, since I'm a newbie in Blazor, I don't know... But since I was struggling so much, and I found a very simple workaround that just works for me that is not mentioned anywhere, I thought about leaving it here, since it may help someone sometime. I just used inline Style="position:absolute;" and it worked... For me, it's more than enought, since this only happens once or twice in the application...

Full declaration:

<TemplateColumn Title="@Loc["Type"]" Context="product">
    <FluentSelect TOption="ProductType"
        Items="@_productTypes"
        OptionText="@(i => i.Name)"
        OptionValue="@(i => i.ID.ToString())"
        @bind-SelectedOption="@product.ProductType"
        Style="position:absolute;"/>
</TemplateColumn>

[kamazheng]

Below solution works for me, just add below style for TemplateColumn:

Style="overflow:visible"

Style="position:absolute;" not worked as expected, the position of FluentSelect is not stick to its right position.