Databases
StackOverflow2013
Postsdbo
POCSS resize property not working on iPad
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS resize property not working on iPad
    primarykey
    data
    text
    <p>Today I tried to resize a <code>&lt;div&gt;</code> using CSS. It works in desktop browsers like Safari, Firefox &amp; Chrome, but it’s not working on iPad. </p> <p>I want to implement resizing of <code>&lt;div&gt;</code> without using JavaScript. With the <code>resize</code> CSS property, the user can simply drag <code>&lt;div&gt;</code>s to resize.</p> <p>According to Apple’s own documentation, <a href="http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/resize" rel="nofollow"><code>resize</code> is supported on iOS since version 1</a>, but I can’t see how to resize the <code>&lt;div&gt;</code> on iOS.</p> <p><a href="http://jsfiddle.net/dQuX7/" rel="nofollow">http://jsfiddle.net/dQuX7/</a></p> <pre><code>&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Flexbox resize&lt;/title&gt; &lt;style&gt; section { width: 800px; display: -webkit-box; display: -moz-box; display: box; } div.left, div.right { outline: solid 1px #ccc; overflow: auto; } div.left { width: 20%; resize: both; } div.right { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; } &lt;/style&gt; &lt;body&gt; &lt;section&gt; &lt;div class="left"&gt; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. &lt;/div&gt; &lt;div class="right"&gt; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. &lt;/div&gt; &lt;/section&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USPaul D. Waite
    1. USAnup Singh
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCSS resize property not working on iPad
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POCSS resize property not working on iPad
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POCSS resize property not working on iPad
      1. This table or related slice is empty.
      1. VTUpMod
    1. COcss support on ios is quite poor. You should start by upgrading to ios5 which updated mobile safari quite a lot. You should also note that safari and mobile safari are not the same browser at all. It would be comparing IE7 with Chrome16. The docs you linked is well off. It looks like a desktop safari only resource. `position: fixed` was added (poorly) in ios5 while the docs mention it is supported since ios1.
      singulars
      1. POCSS resize property not working on iPad
      1. USBenjamin Udink ten Cate
    2. CO@Ben: I’ve checked on iOS5, and it doesn’t seem to support `resize`. Good spot on the documentation’s stance on `position:fixed` — I’ve noticed other places where it’s inaccurate too. I’m not sure I agree that Mobile Safari’s CSS support is “quite poor” though. I think `position:fixed` was intentionally left out to avoid the risk of web apps pretending to be native apps, and it’s not surprising that `resize` isn’t supported yet. (It took Apple 3 versions to get a good interface for text selection.)
      singulars
      1. POCSS resize property not working on iPad
      1. USPaul D. Waite
    3. CO@Ben: aside from CSS features that conflict with iOS’s limitations, Mobile Safari has pretty full CSS support, and seems much closer to desktop Safari than IE7 does to Chrome 16.
      singulars
      1. POCSS resize property not working on iPad
      1. USPaul D. Waite
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload