Fix field positionning on Record page

[FelixMalfait]

I just noticed we broke the positioning of input fields on the record show page:

Ideally it should open exactly where the read-only text was. So if I the input is filled and I click on edit the text should really move.

Related: #5416

[greptile-apps]

Disclaimer: This comment was automatically generated with AI. It can give some useful hints as to where to look for, but sometimes it can also give very inaccurate answers so takes this with a pinch of salt :).

To fix the positioning of input fields on the Record show page, follow these steps:

1. Open RecordShowPage.tsx and locate the component responsible for rendering the input fields.
2. Open FieldInput.tsx and adjust the positioning logic to ensure the input field opens exactly where the read-only text was.
3. Ensure the CSS styles in FieldInput.tsx match the positioning of the read-only text.

Example adjustment in FieldInput.tsx:

const FieldInput = styled.input`
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  // Add any additional styles needed to match the read-only text positioning
`;

Ensure the input field's container in RecordShowPage.tsx has the correct relative positioning.

References

[thomtrp]

@FelixMalfait do you still see the bug? I cannot reproduce