I have a plain <textarea> element in my app, that is server-rendered with some content.
Today, when I try to delete content from this area, it doesn’t work. The content just stays there.
I noticed there’s an event handler from AppBrigde listening on beforeinput (attached). It’s preventing the content from being changed. I don’t know when this started. It could be today.
Why is AppBridge appending handlers to inputs in the app’s frame context, and can this be removed? I think it’s a bug. We haven’t attached any event handlers nor prepared this textarea in any way with JavaScript - it has no classes nor special attributes.
@Liam-Shopify, are you able to ask the AppBridge team to look into it? The problem continues today. We can’t edit the contents of regular text areas, as AppBridge keeps re-setting the value on before input.
Hi Flabio, I am sorry to hear that your having problems with AppBridge. I am unable to replicate your problem on my end. Could you provide the html code including the which is having this issue?
Hi Alfonso, the code is simply <textarea>Hello</textarea>.
Are you using a React app by any chance? We don’t use React so this is a regular html response in the page.
We resolved the issue by disabling the saveBar feature. That prevents AppBridge from adding the event handlers to the textarea element, which was interfering with the native editing capability.
2 Likes
How did you disable that?
Found it
<meta name="shopify-disabled-features" content="save-bar" />
1 Like
