CEP-Resources
CEP-Resources copied to clipboard
Cannot use CMD+V to paste inside a shadow DOM input element (After-Effects)
With the following code I am creating two inputs:
// regular input
let input = document.createElement('input');
input.placeholder = 'Regular'
input.type = 'text';
document.body.appendChild(input);
// shadow input
class CustomInput extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: 'open' });
let input = document.createElement('input');
input.placeholder = 'Shadow'
input.type = 'text';
this.shadowRoot.appendChild(input);
}
}
customElements.define('custom-input', CustomInput);
document.body.appendChild(new CustomInput())
The first one is a regular input, while the second one is a custom element using Web Components which contains an input in its shadow DOM.
In After-Effects, using cmd+v to paste content only works for the first one. With the second input, After-Effects steals focus to one of its panels.
https://user-images.githubusercontent.com/66829812/233139816-7efe2d6b-b344-4f8a-b20a-bf3fcc69e1fe.mp4
MacOS 13.3.1 After-Effects 23.3.0
@GoodBoyNinja You might also want to mention this in: https://community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&lang=all&tabid=all&topics=label-scripting or https://community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&lang=all&tabid=all&topics=label-SDK
... unless this affects more than one application and is definitely a CEP issue of some sort, and not say, an After Effects issue.
@GoodBoyNinja You might also want to mention this in: https://community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&lang=all&tabid=all&topics=label-scripting or https://community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&lang=all&tabid=all&topics=label-SDK
... unless this affects more than one application and is definitely a CEP issue of some sort, and not say, an After Effects issue.
Thanks Erin! Seems like the same things happens in Illustrator. https://user-images.githubusercontent.com/66829812/233152092-4cf00d46-4249-46d8-a8db-15f0ab326c11.mp4