TYPO3 Core

same problem for me - but I realized that the other items are moving when I move the dragged item beneath, much of beneath the section list, but sometimes the place on the page is not enough to get every position ;)

Tried to move an element much of beneath the section list - but your workaround doesn't work for me. What browser do you use? Can you probably make a screenshot for me (to see "how much beneath" ;-)?

I think this shouldn't be a workaround - it's more a hint to solve the problem, but okay you can use it sometimes as a workaround :)
This "works" for me in Firefox 2.0.0.16 (and some versions below) and also in IE7 and IE6 (but in IE6 the sensitive area is more beneath than in FF2 or IE7).
It will "works" in Firefox 3, too - but the sensitive area seems to be so much beneath, that it's often at the end of page and so it's not useably.

See the screenshot (Firefox 2.0.0.16).

Thank you lee! Unfortunately we cannot reconstruct this effect in our installation... :-(

I can confirm too that it is much more difficult to move something with the drag and drop feature and it should be either fixed soon or go back to the old-fashioned but working arrows.

I hope this will not go back to the old-fashioned arrows, because there are problems as well!
With the old fashioned arrows I've got sometimes empty section-nodes in the corresponding XML - delete one section inside the list and than change the order by this deleted position - but be careful, because after the error occurs you cannot edit the FCE, you have to delete the empty section-node in the corresponding XML in the database.
And the old fashioned arrows are not very user-friendly, when you have a very long list and you have to change the whole order - it takes hours with the step-by-step-arrows and you have to hope, that the XML-structure will stay clean.

So please find a way to solve the problem with drag and drop.

Anybody knows what is going on to solve this bug?
I think it's an important problem! - But nobody is assigned to this bug :(

In TYPO3 4.2.2 the problem still exists. But: I can't not even drag any elements - when I move mouse arrow above the icon "drag & drop", the arrow doesn't change appearance. When I move arrow above the icon "delete", appearance changes correctly.

I can confirm that this problem still exits in TYPO3 4.2.2 an TemplaVoila 3.1.6 and 3.1.7.
It's not a browser problem (no function on the drag&drop icon nor the headline) in Firefox 3, Firefox 2 and IE6.

And YES: For me it is an important problem, too!

+1 for importance. It makes section containers almost unusable and on one of our websites relies heavily on this feature.

I do get a JS error in IE7 ("'Sortable' is undefined"), if that helps.

Is this issue related to TemplaVoila only or can it be reproduced in "regular" TYPO3 environments as well? Can anybody please attach a FlexForm snippet that uses sections and produces this behaviour?

There you go:

<T3DataStructure>
<meta type="array">
<langDisable>1</langDisable>
</meta>
<ROOT type="array">
<tx_templavoila type="array">
<title>ROOT</title>
<description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
</tx_templavoila>
<type>array</type>
<el type="array">
<field_mitarbeiter_zustaendigkeiten_container type="array">
<type>array</type>
<section>1</section>
<tx_templavoila type="array">
<title>Zustaendigkeiten Container</title>
<eType>input</eType>
</tx_templavoila>
<el type="array">
<field_mitarbeiter_zustaendigkeiten type="array">
<type>array</type>
<tx_templavoila type="array">
<title>Zustaendigkeiten</title>
<eType>input</eType>
</tx_templavoila>
<el type="array">
<field_mitarbeiter_zustaendigkeit type="array">
<tx_templavoila type="array">
<title>Zustaendigkeit</title>
<sample_data type="array">
<numIndex index="0">Zustaendigkeit 1</numIndex>
</sample_data>
<eType>input</eType>
<TypoScript>
10 = TEXT
10.current = 1
10.typolink.parameter.field = field_mitarbeiter_zustaendigkeit_url
</TypoScript>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>Zustaendigkeit</label>
</TCEforms>
</field_mitarbeiter_zustaendigkeit>
<field_mitarbeiter_zustaendigkeit_url type="array">
<type>attr</type>
<tx_templavoila type="array">
<title>URL</title>
<sample_data type="array">
<numIndex index="0">www.dvt.at&lt;/numIndex>
</sample_data>
<eType>link</eType>
<TypoScript>
10 = TEXT
10.typolink.parameter.current = 1
10.typolink.returnLast = url
</TypoScript>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>15</size>
<max>256</max>
<checkbox></checkbox>
<eval>trim</eval>
<wizards type="array">
<_PADDING type="integer">2</_PADDING>
<link type="array">
<type>popup</type>
<title>Link</title>
<icon>link_popup.gif</icon>
<script>browse_links.php?mode=wizard</script>
<JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
</link>
</wizards>
</config>
<label>URL</label>
</TCEforms>
</field_mitarbeiter_zustaendigkeit_url>
</el>
</field_mitarbeiter_zustaendigkeiten>
</el>
</field_mitarbeiter_zustaendigkeiten_container>
</el>
</ROOT>
</T3DataStructure>

This looks like a duplicate of http://bugs.typo3.org/view.php?id=8244 ...

I can confirm a problem there.
I attached a demo extension with flexform section in plugin configuration.

I'm not able to drag anymore, error given is:
Sortable is not defined
http://localhost/t3/home/typo3/alt_doc.php?returnUrl=%2Ft3%2Fhome%2Ftypo3%2Fsysext%2Fcms%2Flayout%2Fdb_layout.php%3Fid%3D26&edit[tt_content][78,]=edit
Line 687

Hm, thanks for the information you gave - but we have to distinguish:
1) This issue seems to be about wrong handling in TemplaVoila since dragging is possible and no JavaScript error on "Sortable" occurs
2) The different issue was introduced in TYPO3 4.2.2 and didn't load script.aculo.us at all and this the JavaScript error gets shown - see issue #19496 for a patch

After applying the patch from http://bugs.typo3.org/view.php?id=9623 I get the following error:

PHP Fatal error: Call to undefined method t3lib_TCEforms::loadJavascriptLib() in /var/www/html/typo3/t3lib/class.t3lib_tceforms.php

Did I miss something or does this patch apply to the SVN version only? I use the official version 4.2.2...

Florian, there were some other patches and fixed involved in this issue. So, the best thing would be to check out the TYPO3_4-2 branch from SVN (that's the version that will be released as TYPO3 4.2.3 soon).

Friday, the 7th november I have installed the TYPO3 4.2.3dev from SVN - in this version I've got no Javascript-Error by clicking on the drag'n'drop-icon BUT I have still the same problem to find the sensitive area, where the other items will move to reorder the items. It seems, that these areas are still much beneath the section list.

So, I hope the whole (!) problem will be fixed in the final version of TYPO3 4.2.3.

Lee,
what browser are you using? Do you have TemplaVoila installed? Thanks for the additional information!
Best regards, Oliver "John Doe" Hader

In TYPO3 4.2.3 the problem still exists. Now I can drag items again - but I can't still drop them. Tested in FF3 and IE7. Using TemplaVoila 1.3.7. This is the XML of my TV-object:

<T3DataStructure>
<meta type="array">
<langDisable>1</langDisable>
</meta>
<ROOT type="array">
<tx_templavoila type="array">
<title>ROOT</title>
<description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
</tx_templavoila>
<type>array</type>
<el type="array">
<field_title type="array">
<tx_templavoila type="array">
<title>Title</title>
<description><![CDATA[<h1 class="titel">...</h1>]]></description>
<sample_data type="array">
<numIndex index="0">Ich bin eine Titel</numIndex>
</sample_data>
<eType>input</eType>
<proc type="array">
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>Title</label>
</TCEforms>
</field_title>

1. Folgende Zeilen einkommentieren zum Debuggen
2. 20 = TEXT
3. 20.field = field_image_border
4. 20.required=1
5. 20.wrap=<h2>|</h2>
   ]]></TypoScript>
   <proc type="array">
   <HSC type="integer">0</HSC>
   </proc>
   </tx_templavoila>
   <TCEforms type="array">
   <config type="array">
   <type>input</type>
   <size>48</size>
   <eval>trim</eval>
   </config>
   <label>Subtitle</label>
   </TCEforms>
   </field_subtitle>

<field_image type="array">
                <tx_templavoila type="array">
                    <title>Bild</title>
                    <description><![CDATA[<p class="image"><img .../></p> - wobei dieser Wrap per TS gesetzt wird]]></description>
                    <sample_data type="array">
                        <numIndex index="0"><![CDATA[<img src="test.gif" />]]></numIndex>
                    </sample_data>
                    <eType>image</eType>
                    <TypoScript><![CDATA[
                      10 = COA                      

10.3 = TEXT
              10.3 {
                      value=0
                      if.isTrue.field = field_image
              }
              10.3.value=<div class="image">

10.5 = TEXT
                      10.5 {
                            value = 0
                            if.isTrue.field = field_image_border
                      }
              10.5.value=<div class="csc-image-border">

10.6 = TEXT
                      10.6 {
                               value = 1
                               if.isTrue.field = field_image_nofloat
                      }
                      10.6.value=<p class="nofloat">

10.10=IMAGE
                  10 {
                          10.altText.field = field_image_alttext
                          10.titleText.field = field_image_titletext
                          10.file.import = uploads/tx_templavoila/
                          10.file.import.current = 1
                          10.file.import.listNum = 0
                          10.file.width.field = field_image_width
                          10.file.height.field = field_image_height
                          10.file.maxW = 400
                          10.stdWrap.typolink.parameter.field = field_image_link
    # Alle externen Links werden automatisch in einem neuen Fenster geöffnet:
                        10.stdWrap.typolink.extTarget = _blank
                          #14101.stdWrap.required=1
                          #14101.stdWrap.typolink.wrap=<p class="image">|</p>
              }

10.14 = TEXT
                      10.14 {
                               value = 1
                               if.isTrue.field = field_image_nofloat
                      }
                      10.14.value=</p>

10.15 = TEXT
                      10.15 {
                            value = 0
                            if.isTrue.field = field_image_border
                      }
              10.15.value=</div>

10.20 = TEXT
              10.20 {
                      value=0
                      if.isTrue.field = field_image
              }              
                      10.20.value=</div>

]]>
                </TypoScript>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>Bild</label>
                </TCEforms>
            </field_image>

<field_image_alttext type="array">
        <tx_templavoila type="array">
            <title>Image Alt-Text</title>
            <sample_data type="array">
                <numIndex index="0"></numIndex>
            </sample_data>
            <eType>input</eType>
            <proc type="array">
                <HSC type="integer">1</HSC>
            </proc>
        </tx_templavoila>
      <TCEforms type="array">
          <config type="array">
              <type>input</type>
              <size>40</size>
              <default></default>
          </config>
          <label>Bild - Alt-Text</label>
      </TCEforms>
    </field_image_alttext>

<field_image_titletext type="array">
        <tx_templavoila type="array">
            <title>Image Title-Text</title>
            <sample_data type="array">
                <numIndex index="0"></numIndex>
            </sample_data>
            <eType>input</eType>
            <proc type="array">
                <HSC type="integer">1</HSC>
            </proc>
        </tx_templavoila>
        <TCEforms type="array">
            <config type="array">
                <type>input</type>
                <size>40</size>
                <default></default>
            </config>
            <label>Bild - Titel-Text</label>
        </TCEforms>
    </field_image_titletext>

<field_image_link type="array">
        <type>attr</type>
        <tx_templavoila type="array">
            <title>Image-Link</title>
            <sample_data type="array">
                <numIndex index="0"></numIndex>
            </sample_data>
            <eType>link</eType>
            <TypoScript><![CDATA[
              10 = TEXT
              10.typolink.typolink.parameter.field = field_link]]>
            </TypoScript>
            <proc type="array">
                <HSC type="integer">1</HSC>
            </proc>
        </tx_templavoila>
        <TCEforms type="array">
            <config type="array">
                <type>input</type>
                <size>15</size>
                <max>256</max>
                <checkbox></checkbox>
                <eval>trim</eval>
                <wizards type="array">
                    <_PADDING type="integer">2</_PADDING>
                    <link type="array">
                        <type>popup</type>
                        <title>Link</title>
                        <icon>link_popup.gif</icon>
                        <script>browse_links.php?mode=wizard</script>
                        <JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
                    </link>
                </wizards>
            </config>
            <label>Bild - Link</label>
        </TCEforms>
    </field_image_link>

<field_image_height type="array">
        <tx_templavoila type="array">
            <title>height</title>
            <sample_data type="array">
                <numIndex index="0"></numIndex>
            </sample_data>
            <eType>input</eType>
            <proc type="array">
                <HSC type="integer">1</HSC>
            </proc>
        </tx_templavoila>
        <TCEforms type="array">
            <config type="array">
                <type>input</type>
                <size>4</size>
                <eval>int</eval>
                <checkbox>0</checkbox>
                <range type="array">
                  <upper>400</upper>
                  <lower>0</lower>
                </range>
                <default>0</default>
            </config>
            <label>Bildhoehe</label>
        </TCEforms>
    </field_image_height>

<field_image_width type="array">
        <tx_templavoila type="array">
            <title>width</title>
            <sample_data type="array">
                <numIndex index="0"></numIndex>
            </sample_data>
            <eType>input</eType>
            <proc type="array">
                <HSC type="integer">1</HSC>
            </proc>
        </tx_templavoila>
        <TCEforms type="array">
            <config type="array">
                <type>input</type>
                <size>4</size>
                <eval>int</eval>
                <checkbox>0</checkbox>
                <range type="array">
                  <upper>300</upper>
                  <lower>0</lower>
                </range>
                <default>0</default>
            </config>
            <label>Bildbreite</label>
        </TCEforms>
    </field_image_width>

<field_image_border type="array">
    <tx_templavoila type="array">
        <title>border</title>
        <sample_data type="array">
            <numIndex index="0"></numIndex>
        </sample_data>
        <eType>select</eType>
    </tx_templavoila>
    <TCEforms type="array">
        <config type="array">
            <type>select</type>
            <items type="array">
            <numIndex index="0" type="array">
                <numIndex index="0">Nein</numIndex>
                <numIndex index="1">0</numIndex>
            </numIndex>
            <numIndex index="1" type="array">
                <numIndex index="0">Ja</numIndex>
                <numIndex index="1">1</numIndex>
            </numIndex>
            </items>
            <default>0</default>
        </config>
        <label>Rahmen um Bild?</label>
    </TCEforms>
    </field_image_border>

<field_image_nofloat type="array">
    <tx_templavoila type="array">
        <title>nofloat</title>
        <sample_data type="array">
            <numIndex index="0"></numIndex>
        </sample_data>
        <eType>select</eType>
    </tx_templavoila>
    <TCEforms type="array">
        <config type="array">
            <type>select</type>
            <items type="array">
            <numIndex index="0" type="array">
                <numIndex index="0">Ja</numIndex>
                <numIndex index="1">0</numIndex>
            </numIndex>
            <numIndex index="1" type="array">
                <numIndex index="0">Nein</numIndex>
                <numIndex index="1">1</numIndex>
            </numIndex>
            </items>
            <default>0</default>
        </config>
        <label>Text um Bild fliessen lassen?</label>
    </TCEforms>
    </field_image_nofloat>

<field_text type="array">
                <tx_templavoila type="array">
                    <title>Text</title>
                    <description><![CDATA[<p>...</p>]]></description>
                    <sample_data type="array">
                        <numIndex index="0">Ich bin ein Text</numIndex>
                    </sample_data>
                    <eType>rte</eType>
                    <TypoScript><![CDATA[
    10 = COA

10.5 = TEXT
        10.5 {
             value = 1
             if.isTrue.field = field_image_nofloat
        }
        10.5.value=<div class="nofloat">

10.10 = TEXT
    10.10.current = 1
    10.10.parseFunc = < lib.parseFunc_RTE

10.15 = TEXT
        10.15 {
             value = 1
             if.isTrue.field = field_image_nofloat
        }
        10.15.value=</div>
                                ]]></TypoScript>
                    <proc type="array">
                        <HSC type="integer">0</HSC>
                    </proc>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>text</type>
                        <cols>48</cols>
                        <rows>5</rows>
                        <softref>typolink_tag,images,email[subst],url</softref>
                    </config>
                    <label>Text</label>
                    <defaultExtras>richtext:rte_transform[flag=rte_enabled|mode=ts_css]</defaultExtras>
                </TCEforms>
            </field_text>

<field_link_segment type="array">
                <type>array</type>
                <section>1</section>
                <tx_templavoila type="array">
                    <title>Container fuer alle Links</title>
                    <description><![CDATA[<div class="links">...</div>]]></description>
                    <eType>input</eType>
                </tx_templavoila>
                <el type="array">
                    <field_link type="array">
                        <type>array</type>
                        <tx_templavoila type="array">
                            <title>Einzelner Link</title>
                            <description><![CDATA[<div class="link">...</div>]]></description>
                            <eType>input</eType>
                        </tx_templavoila>
                        <el type="array">
                            <field_linktext type="array">
                                <tx_templavoila type="array">
                                    <title>Linktext</title>
                                    <description><![CDATA[<a>...</a>]]></description>
                                    <sample_data type="array">
                                        <numIndex index="0">Weiter geht's</numIndex>
                                    </sample_data>
                                    <eType>input</eType>
                                    <proc type="array">
                                        <HSC type="integer">1</HSC>
                                    </proc>
                                </tx_templavoila>
                                <TCEforms type="array">
                                    <config type="array">
                                        <type>input</type>
                                        <size>48</size>
                                        <eval>trim</eval>
                                    </config>
                                    <label>Linktext</label>
                                </TCEforms>
                            </field_linktext>

<field_linknote type="array">
                                <tx_templavoila type="array">
                                    <title>Linknote</title>
                                    <description><![CDATA[<span class="linknote">...</span>]]></description>
                                    <sample_data type="array">
                                        <numIndex index="0">Link-Notiz</numIndex>
                                    </sample_data>
                                    <eType>input</eType>
                                    <TypoScript><![CDATA[
    10 = TEXT
    10.current = 1
    10.required=1
    10.wrap =  |
                            ]]></TypoScript>
                                    <proc type="array">
                                        <HSC type="integer">0</HSC>
                                    </proc>
                                </tx_templavoila>
                                <TCEforms type="array">
                                    <config type="array">
                                        <type>input</type>
                                        <size>48</size>
                                        <eval>trim</eval>
                                    </config>
                                    <label>Text nach Link</label>
                                </TCEforms>
                            </field_linknote>

<field_linkto type="array">
                                <type>attr</type>
                                <tx_templavoila type="array">
                                    <title>Linkziel</title>
                                    <description><![CDATA[src="..."]]></description>
                                    <sample_data type="array">
                                        <numIndex index="0">test.htm</numIndex>
                                    </sample_data>
                                    <eType>link</eType>
                                    <TypoScript>
    10 = TEXT
    10.typolink.parameter.current = 1
    10.typolink.returnLast = url
                            </TypoScript>
                                    <proc type="array">
                                        <HSC type="integer">1</HSC>
                                    </proc>
                                </tx_templavoila>
                                <TCEforms type="array">
                                    <config type="array">
                                        <type>input</type>
                                        <size>15</size>
                                        <max>256</max>
                                        <checkbox></checkbox>
                                        <eval>trim</eval>
                                        <wizards type="array">
                                            <_PADDING type="integer">2</_PADDING>
                                            <link type="array">
                                                <type>popup</type>
                                                <title>Link</title>
                                                <icon>link_popup.gif</icon>
                                                <script>browse_links.php?mode=wizard</script>
                                                <JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
                                            </link>
                                        </wizards>
                                    </config>
                                    <label>Linkziel</label>
                                </TCEforms>
                            </field_linkto>
                            <field_linktarget type="array">
                                <type>attr</type>
                                <tx_templavoila type="array">
                                    <title>Linktarget</title>
                                    <description><![CDATA[target="..."]]></description>
                                    <sample_data type="array">
                                        <numIndex index="0">_blank</numIndex>
                                    </sample_data>
                                    <eType>input</eType>
                                        <proc type="array">
                                        <HSC type="integer">1</HSC>
                                    </proc>
                                </tx_templavoila>
                                <TCEforms type="array">
                                    <config type="array">
                                        <type>input</type>
                                        <size>48</size>
                                        <eval>trim, required</eval>
                                        <default>_top</default>                
                                    </config>
                                    <label>Linktarget</label>
                                </TCEforms>
                            </field_linktarget>
                            <field_linktitle type="array">
                                <type>attr</type>
                                <tx_templavoila type="array">
                                    <title>Link-Title</title>
                                    <description><![CDATA[title="..."]]></description>
                                    <sample_data type="array">
                                        <numIndex index="0">huhu</numIndex>
                                    </sample_data>
                                    <eType>input</eType>
                                    <proc type="array">
                                        <HSC type="integer">1</HSC>
                                    </proc>
                                </tx_templavoila>
                                <TCEforms type="array">
                                    <config type="array">
                                        <type>input</type>
                                        <size>48</size>
                                        <eval>trim</eval>
                                    </config>
                                    <label>Link-Title</label>
                                </TCEforms>
                            </field_linktitle>
                        </el>
                    </field_link>
                </el>
            </field_link_segment>
        </el>
    </ROOT>
</T3DataStructure>

I can reproduce this bug, with enabled RTE in typo3 4.2.3.
Please have look at Bug 8232 which fixed a bug in the trunk but not in the 4.2 branch. Also see Bug 9666.

Seems to have nothing to do with RTE - or what do you mean Michael?
I turned off RTE and problem still exists

Hey Oliver,
Chrisitan reported the browser-version and I did it here at the beginning of the bugreport (note 0023911) and yes I have installed TemplaVoila. Where else can I use these sections? - IRRE, okay - hmmm does it work there? - No, same problem there: the sensitive area is also much beneath the section, but there are also the old fashioned up- and down-arrows for changing the order.

so I can find the problem by sections in TemplaVoila and in IRRE - so it seems to be a problem by the TYPO3 core handling of section reordering ...

I just accidentally found out that you can drag AND DROP the elements when you minimize them to their title bar.
Not perfect yet, because the "drop zone" is still quite a bit off, but at least it's usable now.

Also, this looks related to http://bugs.typo3.org/view.php?id=8244, which makes solving it worth 130€. ;-)

I cannot find the mentioned "drop zone" (trying it in FF3). Don't know, why this "workaround" doesn't work in my installation...

At our site (TYPO3 4.2.3), script.aculo.us is loaded and the dragging works quite well. Only the drop zones are completely mad, and most of the time out of the viewport. If I minimize the Sections, I can sometimes get the dropzone somewehere inside the viewport, but several hundered pixels off the correct position.

E.g. a textarea section above some other sections influences the position of their drop zones: When it is minimized, the dropzones have an offset of about 300px, when it is opened, the drop zones offsets increase by the height of the textarea.

Can anyone reproduce this behaviour?

I can.
It seems like the drop zones are calculated wrong by adding height when it shouldn't.

This issue is literally dragging now. ;-)

Yes we can! :) ...as I wrote in every second of my notes on this bug report.

Chrisitan, you cannot find the dropzone?
Maybe try it by changing the FCE field order - put the section list first and than all other fields of the FCE - so you will get some more space beneath the list to find the dropzone. - It's no solution only a hint to reproduce our field report or maybe sometimes a workaround - no, it's not a workaround, it's a minimal way to use the drag and drop in some way ...

Funny thing

If i resize the page with firefox zoom option, the position of the dropzones are no more miscalculated. If i go back to 100% zoom it stays that way only for one drop.

I tried Frederiks "workaround": if I zoom out in firefox3 several steps so that I couldn't really read the headlines any longer - than I discover dropzones. But in my firefox, they do not have the correct position - they are hundret of pixels below.

Update: if I zoom out 5 steps, than the dropzones have the correct position...

Hi,
I think I had the same issue in an extension were we us flexforms to sort elements. the problem only occured if you had a long list and you had to scroll to position the element.
so like somebody else pointed out, if you scroll a little the offset will be small, if you scroll a lot the offset will be bigger.
I think this problem is related to these prototype/scriptacoulse issues:
http://dev.rubyonrails.org/ticket/3860
http://dev.rubyonrails.org/ticket/11255

But for me the 8882_v1.patch works (its a trial&error patch). It is only tested on FF2 against my own extensions (i dont have TV enabled).

Hi Sebastian,

it looks great (and easy ;) ...

Your patch works for me in FF2, FF3, IE6, IE7 and Safari with TemplaVoila!
It doesn't works for me in IRRE - but maybe it's another IRRE-setting problem ...

So long, GREAT WORK!

Hi Lee,

good to here that it works for you.

As far as i remeber (some webcast from kasper) IRRE and these flexform sections are two totally different concepts (which both work with scriptacoulse drag'n'drop).
To fix this for IRRE too you have to edit t3lib/jsfunc.inline.js.
Insert
Position.includeScrollOffsets = true;
on line 473.

Sorry that i cant provide a patch this time.

Hey Sebastian,

thanx again!
I've patched the t3lib/jsfunc.inline.js manually and it works also fine now.

So please contact the TYPO3 core team to insert your patches for the next release.

greetings,
Lee

Thanks, Sebastian for finding a solution for this problem! I submitted the patch (icluding the IRRE fix) to the core list.

i tried the patch but it didn't solved the issue for me.

When i try to Drag an dDrop a section the Browser thorws a javascript error "Sortable is not undefined" (like Steffen Kamper and Florian Seirer reported).
For it works well when i include Scriptaculous in alt_doc.php

Line 458
+ $this->doc->loadJavascriptLib('contrib/scriptaculous/scriptaculous.js?load=effects,dragdrop');

hey tobias,

maybe you were working with TYPO3 4.2.2?

I guess, there was a bug (http://bugs.typo3.org/view.php?id=9623 ) by loading or no more loading of script.aculo.us.
there is a patch and it was solved in TYPO3 4.2.3 ...

greetings,
lee

You're right! I stumpled over this in a customers project which still runs on 4.2.2.
The issue concering the missing scriptaculous.js is solved with #19496 and its solved in 4.2.3.

Is this patch included in the release 4.2.4 now?

it does not seem so.

tx for the patch!

The issue is still present in Typo3 4.2.6, and the patch attached to this issue does work (applied manually as line numbers may differ in Typo3 4.2.6).

I have still the same problem in 4.2.6 and alpha 2. I searched for Position.includeScrollOffsets = true; in jsfunc.inline.js, but it isn't there?! When I don't scroll, than everything works fine, but with scrolling the offset get's bigger.

TYPO3 Alpha 2:
I've looked into the Patch, searched for "function flexFormSortable" and saw, that I have to ADD not to EDIT a line.

After adding the new line in function drag and drop works perfectly.

THX

• TYPO3_4-2 (rev. 5302)
• Trunk (rev. 5303)

There is a sponsorship of 30,00 Euro by Christian Clemens. Affected parties in creating a patch were Sebastian Fuchs and Helmut Hummel.
Please get in contact with me directly (oliver @ typo3 . org) if you have problems concerning the sponsorship...