Direct Edit Row Template is Losing the focus on input Edit controls v22.2.5

[Castro Ruiz, Andres]

<SfTreeGrid
  @ref="TreeGrid"
  DataSource="@GridData"
  TValue="GridLabel"
  IdMapping="RowNumber"
  ParentIdMapping="ParentRowNumber"
  TreeColumnIndex="0"
  ID="TreeGrid"
  Width="100%"
  Height="500">
  <TreeGridSelectionSettings Mode="SelectionMode.Row" Type="SelectionType.Multiple"></TreeGridSelectionSettings>
  <TreeGridColumns>
    <TreeGridColumn Field="@nameof(GridLabel.RowNumber)" IsPrimaryKey="true" HeaderText="">
      <Template>
        @{
          var label = (context as GridLabel);


        <div @onclick="@(() => { OnDivClick(label!); })" class="@(label!.IsSplit ? "bg-primary text-white rounded-lg" : "bg-warning") p-2">
            <div class="row p-0">
              <div class="col-4 text-center"><strong>P. Num:</strong></div>
              <div class="col text-center text-wrap">@label!.Description</div>
            </div>


            <div class="row mt-2">
              <div class="col text-center">
<input type="number" placeholder="QTY" @bind="@label.Quantity" class="form-control"/>
              </div>
            </div>
          </div>
        }
      </Template>
    </TreeGridColumn>
  </TreeGridColumns>
</SfTreeGrid>

private async Task OnDivClick(GridLabel label)
{
  label.IsSplit = !label.IsSplit;
  var rowIndex = await TreeGrid.GetRowIndexByPrimaryKeyAsync(label.RowNumber);
  await TreeGrid.UpdateRowAsync(rowIndex, label);
}

I've been unable to give a direct Edit to the Input and set a Value on it, I found myself in a death end, trying to get this behavior

[Shek Mohammed Asiq Abdul Jabbar]

Hi Andreas,

On further validation, we have considered the reported issue (“The Numeric text box cannot be edited manually on keypress in treegrid”) as a bug. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle) and will include the fix in our upcoming NuGet release which is expected to be rolled out on August 20, 2024. Until then we appreciate your patience.

You can now track the status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link. 

https://www.syncfusion.com/feedback/60132/the-numeric-text-box-cannot-be-edited-manually-on-keypress-in-treegrid

Note: To view the above feedback, kindly login into your account. 

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Shek Mohammed Asiq

[Ajithkumar Gopalakrishnan]

Hi Andreas,

We appreciate your patience.

The issue, " The Numeric text box cannot be edited manually on keypress in treegrid " was caused by the IsLastCell method being updated from the TreeGrid component, leading to this problem. We are pleased to announce that a fix for this issue has been rolled out in our Nuget release (v26.2.10). Please upgrade to our latest version to resolve the problem.

Sample link:  https://blazorplayground.syncfusion.com/embed/BjBfXlVWfCKwSXgy?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Release notes: https://blazor.syncfusion.com/documentation/release-notes/26.2.10?type=all#tree-grid

Contact us if you require any further assistance.

Regards,

Ajithkumar G