Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for
@Ryan_M I'm having the same problem too, my clients cant open invoices and its been going on the past few weeks. This is seriously frustrating. The workaround isn't good enough as this on-going issue.
They are using the latest version of chrome on their mobile.
I decided to test an invoice myself and I have discovered strange behaviour with the button element. It seems the text within the button has a hyperlink to the invoice but not the actual button surrounding the text. This make clicking the button difficult and its causing issues on some mobile devices.
Developer investigation (I'm a software engineer):
Upon debugging the html code via the chrome console, i noticed that there are multiple nested <span> tags and <a> tag within the <button /> element. This is not the W3 standard for creating hyper-linkable buttons! It's not valid HTML!!! This is probably the reason why nothing happens when a user clicks on a button!
Please tell your developers to read: https://www.w3.org/TR/html401/interact/forms.html#edef-BUTTON
I would suggest the following:
1. Stop mixing hyperlinks and button elements together, it goes against all standards.
2. Allow a native html button element via javascript to open the url.
3. OR construct a div, style it to look like a button and wrap an anchor tag <a> around them.
Yes the above is possibile, the they using next.js to develop the page. It can be fixed!