After scanning data into the field the field
- should either store data in field as-is or should pull extra data using API.
- should be read only
- should transition focus to the next input field when available.
- should display an error if API request does not return data
For example a SKU field should attempt to lookup the product associated with the SKU. The SKU and product name should be visible / read only. Clicking on the field should make it editable / scannable again.
In the case that the field is the only field on the page then subsequent scans could potentially update the field value even when the field is read only but we'd need to check if usability is ok there. I think a better approach for single field pages would be to move to the next page (in case of a wizard).
Note: We'll need a separate component for searching by SKU and bin location. This component should not exhibit behavior above.
After scanning data into the field the field
For example a SKU field should attempt to lookup the product associated with the SKU. The SKU and product name should be visible / read only. Clicking on the field should make it editable / scannable again.
In the case that the field is the only field on the page then subsequent scans could potentially update the field value even when the field is read only but we'd need to check if usability is ok there. I think a better approach for single field pages would be to move to the next page (in case of a wizard).
Note: We'll need a separate component for searching by SKU and bin location. This component should not exhibit behavior above.