This project is archived and is in readonly mode.

#299 ✓resolved
Will Barnes

Sortable Tables In FF: cannot click button element

Reported by Will Barnes | April 14th, 2010 @ 12:30 AM | in 1.3.0.1 rc1

If a sortable table's item contains a button, you cannot click on that button.
OS: Mac OSX
Browser: Firefox

The below code compares a Sortable Table to a Sortable List. Sortable list works great!

Example Layout:

        <table id="sortablesTable">
            <tbody>
                <tr>
                    <td><span>row 1</span></td>
                    <td><button onclick="javascript: alert('row 1 click');">R1</button></td>
                </tr>
                <tr>
                    <td><span>row 2</span></td>
                    <td><button onclick="javascript: alert('row 2 click');">R2</button></td>
                </tr>
                <tr>
                    <td><span>row 3</span></td>
                    <td><button onclick="javascript: alert('row 3 click');">R3</button></td>
                </tr>
            </tbody>
        </table>
        <hr>
        <ul id="sortablesList">
            <li>row 1 <button onclick="javascript: alert('row 1 click');">R1</button></li>
            <li>row 2 <button onclick="javascript: alert('row 2 click');">R3</button></li>
            <li>row 3 <button onclick="javascript: alert('row 3 click');">R3</button></li>
        </ul>
    </div>

Example JS Code:
@@@ Javascript

            thisSortables1 = new Sortables($('sortablesTable').getElement('tbody'), {constrain:true,clone:false,snap:6,revert:true});

            thisSortables2 = new Sortables($('sortablesList'), {constrain:true,clone:true,snap:6,revert:true});

Comments and changes to this ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile »

The MooTools Extensions

Pages