HTML中<bdi>标签引发的方向问题

Question

<p dir="rtl">this is <bdo dir="rtl">APPLE</bdo>.</p>
<p dir="rtl">this is <bdi><bdo dir="rtl">APPLE</bdo></bdi>.</p>

运行这段代码后，出现如下结果：

我不明白为什么那个字母A会跑到前面去，明明方向是从右到左(RTL)，为什么加上<bdi>标签就会把最后一个字母前置？求大佬打醒！