Hiding the input box using
visibility: hidden; will indeed make the input box invisible, but it will still be present in the DOM, and interactions with it might not work as expected. In your case, you want to keep the QR code scanning functionality intact while making the input box invisible. To achieve this, you can use CSS to position the input box off the visible screen area without affecting its functionality.
Position Off-Screen Approach:
Apply this class to the input box element using Mendix's built-in class options or by adding a custom class in your Mendix project.
The input box will now be positioned far off to the left of the visible screen area, making it effectively invisible to users.
Keep your logic for capturing QR code input and handling the onChange event intact.