/**
|
* Creates a fake textarea element with a value.
|
* @param {String} value
|
* @return {HTMLElement}
|
*/
|
export default function createFakeElement(value) {
|
const isRTL = document.documentElement.getAttribute('dir') === 'rtl';
|
const fakeElement = document.createElement('textarea');
|
// Prevent zooming on iOS
|
fakeElement.style.fontSize = '12pt';
|
// Reset box model
|
fakeElement.style.border = '0';
|
fakeElement.style.padding = '0';
|
fakeElement.style.margin = '0';
|
// Move element out of screen horizontally
|
fakeElement.style.position = 'absolute';
|
fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px';
|
// Move element to the same position vertically
|
let yPosition = window.pageYOffset || document.documentElement.scrollTop;
|
fakeElement.style.top = `${yPosition}px`;
|
|
fakeElement.setAttribute('readonly', '');
|
fakeElement.value = value;
|
|
return fakeElement;
|
}
|
