Multiline ion-item with ion-toggle

I can reproduce your issue, not quite sure what's going on there. Might be a bug.

Anyway, wrapping your text in an <ion-label> solves the problem for me:

<ion-list>
    <ion-item text-wrap>
        <ion-icon name="american-football" item-start></ion-icon>
        <ion-label>
            <h2>prefs_transversal_products</h2>
            <p>prefs_transversal_products_desc</p>
        </ion-label>
        <ion-toggle color="secondary" item-end></ion-toggle>
    </ion-item>
</ion-list>

See the docs for advanced usage of <ion-item> for additional info.