RTL indentation not working

[istvanberes]

If you set the direction to rtl on the ng-wig component the indentation not working.

https://plnkr.co/edit/44oDh3A9MN05rpWXgSDR?p=preview

The indent button add a new element, but the margin are in the left: <blockquote style="margin: 0 0 0 40px;

[stevermeister]

wow, true, thank you for reporting it!
any idea how to fix it?

[istvanberes]

I added some custom buttons with custom functions (I call these function also if you pres the Tab/Shift Tab)

` function indentInNgWig() {
const selection = window.getSelection();
const ngWig = findAncestor(selection.focusNode, '.ng-wig');
const rtl = isRTL(ngWig);
if (!hasLiParent(selection, ngWig) && rtl) {
document.execCommand('formatBlock', false, 'p');
changeMargin(ngWig, true);
} else {
document.execCommand('indent', false);
}
}

function outdentInNgWig() {
const selection = window.getSelection();
const ngWig = findAncestor(selection.focusNode, '.ng-wig');
const rtl = isRTL(ngWig);
if (!hasLiParent(selection, ngWig) && rtl) {
changeMargin(ngWig, false);
} else {
document.execCommand('outdent', false);
}
}

function changeMargin(ngWigEditor, indent: boolean) {
const selectedElement = window.getSelection().focusNode.parentNode as HTMLElement;
const declaration = selectedElement.style;
let margin = declaration.marginRight;
const currentValue = (margin !== '') ? parseInt(margin.replace('px', ''), 10) : 0;
if (indent) {
margin = currentValue + indentation + 'px';
declaration.marginRight = margin;
}
if (!indent && currentValue >= indentation) {
if (currentValue === indentation) {
while (selectedElement.childNodes.length > 0) {
selectedElement.parentNode.insertBefore(selectedElement.childNodes[0], selectedElement);
}
selectedElement.remove();
} else if (currentValue > indentation) {
margin = (currentValue - indentation) + 'px';
declaration.marginRight = margin;
}
}
}

function isRTL(ngWigEditor) {
const computedStyle = getComputedStyle(ngWigEditor) as any;
if (computedStyle.direction === 'rtl') {
return true;
}
return false;
}`