[Help] Unable to access dropdown constructed by renderer through Key controls

[NivinCNC]

I am trying to implement a dropdown using render in a cell. I was able to open the dropdown through mouse click but i want to access the dropdown through keyboard. I know we can have select type in plutocolumntype for selecting options but i prefer dropdown as my option. Need help to acces this dropdown through keyboard navigation.

Sample Code:

  PlutoColumn (
        title: 'Unit',
        field: 'unit',
        type: PlutoColumnType.text(),
        width: 100,
        renderer: (rendererContext) {
          return DropdownButton<String>(
            value: "PCS",
            underline: const SizedBox.shrink(),
            items: const [
              DropdownMenuItem(
                value: 'PCS',
                child: Text('PCS', style: TextStyle(fontSize: 14)),
              ),
            ],
            onChanged: (dynamic value) {
              rendererContext.cell.value = value;
              gatherData();
            },
          );
        },
      ),