Fix WebGL rendering after UTF-32 by fixing get chardata attr

src/BufferLine.ts

@@ -5,6 +5,7 @@
 import { CharData, IBufferLine, ICellData, IColorRGB, IAttributeData } from './Types';
 import { NULL_CELL_CODE, NULL_CELL_WIDTH, NULL_CELL_CHAR, CHAR_DATA_CHAR_INDEX, CHAR_DATA_WIDTH_INDEX, WHITESPACE_CELL_CHAR, CHAR_DATA_ATTR_INDEX } from './Buffer';
 import { stringFromCodePoint } from './core/input/TextDecoder';
+import { FLAGS } from './renderer/Types';
 
 
 /**
@@ -321,8 +322,26 @@ export class BufferLine implements IBufferLine {
   public get(index: number): CharData {
     const content = this._data[index * CELL_SIZE + Cell.CONTENT];
     const cp = content & Content.CODEPOINT_MASK;
+
+    // TODO: Need to move WebGL over to the new system and remove this block
+    const cell = new CellData();
+    this.loadCell(index, cell);
+    const oldBg = cell.getBgColor() === -1 ? 256 : cell.getBgColor();
+    const oldFg = cell.getFgColor() === -1 ? 256 : cell.getFgColor();
+    const oldAttr =
+      (cell.isBold() ? FLAGS.BOLD : 0) |
+      (cell.isUnderline() ? FLAGS.UNDERLINE : 0) |
+      (cell.isBlink() ? FLAGS.BLINK : 0) |
+      (cell.isInverse() ? FLAGS.INVERSE : 0) |
+      (cell.isDim() ? FLAGS.DIM : 0) |
+      (cell.isItalic() ? FLAGS.ITALIC : 0);
+    const attrCompat =
+      oldBg |
+      (oldFg << 9) |
+      (oldAttr << 18);
+
     return [
-      this._data[index * CELL_SIZE + Cell.FG],
+      attrCompat,
       (content & Content.IS_COMBINED_MASK)
         ? this._combined[index]
         : (cp) ? stringFromCodePoint(cp) : '',