Support for placing within shadow root

[BrunnerLivio]

Given the following sample:

secure-fields-sample/pciproxy-examples/iban.html

Lines 52 to 64 in a40c9f3

	secureFields.initTokenize(
	'1000001115',
	{
	iban: {
	placeholderElementId: "iban",
	placeholder: "IBAN placeholder",
	ariaLabel: "IBAN aria label"
	}
	},
	{
	// options...
	}
	);

It is not possible to pass the placeholderElementId that is within a shadow root.
Is it somehow possible to pass a reference to the element? That way it would offer support for placing the element within a shadow root container?

e.g.

const host = document.querySelector("#host");
const shadow = host.attachShadow({ mode: "open" });
const iban = document.createElement("div");
iban.classList.add("secure-field--input");
shadow.appendChild(iban);
secureFields.initTokenize(
      '1000001115',
      {
        iban: {
         // here we pass the reference to the element rather than a string for the id
          placeholderElementId: iban,
          placeholder: "IBAN placeholder",
          ariaLabel: "IBAN aria label"
        }
      },
      {
        // options...
      }
    );

[pstadler]

We will consider this. I've opened an internal case: DT-22965

[BrunnerLivio]

@pstadler any updates by any chance? :)

[pstadler]

Unfortunately not at this point in time.