Problem with RTL on Phonegap with Android 4.3


#1

Dear all,

I have a problem with RTL and Phonegap on Adroid 4.3. The following HTML works great on desktop Firefox, Edge and IE, but on Phonegap / Android 4.3 the RTL texts are left-aligned (which should not be the case). If I remove BOTH of the “item-content” and “item-inner” classes from the div’s, their alignment becomes OK. It seems that on higher version Androids the problem does not appear. I have tested both versions 2.3.1 and 3.0.0 beta 18.

Any idea? It’s driving me crazy! Thanks!

<div class="page-content">
  <div class="list">
    <ul>
      <li>
        <a class="item-link">
          <div class="item-content">
            <div class="item-inner">
              <div class="item-title">
                اعلانات
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a class="item-link">
          <div class="item-content">
            <div class="item-inner">
              <div class="item-title">
                پیام‌ها
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a class="item-link">
          <div class="item-content">
            <div class="item-inner">
              <div class="item-title">
                About Sina
              </div>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>

#2

I have found a partial fix for this: changing display: -webkit-box to display: box in the rule ‘.list .item-inner’ solves the issue.


#3

Android 4.3 is not supported