Close Menu
  • Home
  • AI
  • Big Data
  • Cloud Computing
  • iOS Development
  • IoT
  • IT/ Cybersecurity
  • Tech
    • Nanotechnology
    • Green Technology
    • Apple
    • Software Development
    • Software Engineering

Subscribe to Updates

Get the latest technology news from Bigteetechhub about IT, Cybersecurity and Big Data.

    What's Hot

    How reversibility becomes irreversible – Physics World

    March 3, 2026

    Khamenei killing: Is it legal to target a head of state in war?

    March 3, 2026

    swift – SwiftUI IOS 26 – Menu button floats outside its container during selection animation

    March 3, 2026
    Facebook X (Twitter) Instagram
    Facebook X (Twitter) Instagram
    Big Tee Tech Hub
    • Home
    • AI
    • Big Data
    • Cloud Computing
    • iOS Development
    • IoT
    • IT/ Cybersecurity
    • Tech
      • Nanotechnology
      • Green Technology
      • Apple
      • Software Development
      • Software Engineering
    Big Tee Tech Hub
    Home»iOS Development»swift – SwiftUI IOS 26 – Menu button floats outside its container during selection animation
    iOS Development

    swift – SwiftUI IOS 26 – Menu button floats outside its container during selection animation

    big tee tech hubBy big tee tech hubMarch 3, 2026002 Mins Read
    Share Facebook Twitter Pinterest Copy Link LinkedIn Tumblr Email Telegram WhatsApp
    Follow Us
    Google News Flipboard
    swift – SwiftUI IOS 26 – Menu button floats outside its container during selection animation
    Share
    Facebook Twitter LinkedIn Pinterest Email Copy Link


    Don’t even know how to explain this…
    On IOS 26, in a scrollable view that contains a Menu, if I start scrolling the view before the menu selection animation finishes (roughly within ~1 second after tapping an option), the Menu icon temporarily mispositions: it shifts relative to its container and appears to “float” outside of the layout bounds. Once the animation completes or scrolling stops, it snaps back, but during the interaction the button is visibly detached from the container/alignment.

    This is not expected behavior right?? This is happening in every menu in my project, even in menus used in a toolbar of a sheet, when dragging the sheet after selection, the same problem occurs. I attached some gifs of different cases.

    Reproduction in swiftui app

    Reproduction in swiftui app
    Sample for testing:

    import SwiftUI
    
    struct ContentView: View {
        private let items = (1...30).map { "Item \($0)" }
    
           var body: some View {
               NavigationStack {
                   ScrollView {
                       LazyVStack(alignment: .leading, spacing: 12, pinnedViews: []) {
                           HStack {
                               Text("Scrollable header")
                                   .font(.headline)
    
                               Spacer()
    
                               Menu {
                                   Button("Option 1") {
                                       // handle option 1
                                   }
                                   Button("Option 2") {
                                       // handle option 2
                                   }
                               } label: {
                                   Image(systemName: "ellipsis.circle")
                                       .imageScale(.large)
                                       .padding(8)
                               }
                               .menuStyle(.button)
                               .buttonStyle(.plain)
                               .accessibilityLabel("More options")
                           }
                           .padding(.horizontal)
                           .padding(.top, 8)
    
                           ForEach(items, id: \.self) { item in
                               Text(item)
                                   .frame(maxWidth: .infinity, alignment: .leading)
                                   .padding(.horizontal)
                                   .padding(.vertical, 12)
                                   .background(.background)
                                   .overlay(alignment: .bottom) {
                                       Divider()
                                   }
                           }
                       }
                   }
                   .navigationTitle("Items")
                   .background(Color(.systemGroupedBackground))
               }
           }
    }
    
    #Preview {
        ContentView()
    }
    



    Source link

    Animation button Container floats iOS Menu Selection Swift SwiftUI
    Follow on Google News Follow on Flipboard
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email Copy Link
    tonirufai
    big tee tech hub
    • Website

    Related Posts

    I wish I could be an OpenClaw Maintainer

    March 2, 2026

    performance – The optimal way for loading large video from iOS gallery + reopen it on next app launch

    March 1, 2026

    Post | Cocoanetics

    February 28, 2026
    Add A Comment
    Leave A Reply Cancel Reply

    Editors Picks

    How reversibility becomes irreversible – Physics World

    March 3, 2026

    Khamenei killing: Is it legal to target a head of state in war?

    March 3, 2026

    swift – SwiftUI IOS 26 – Menu button floats outside its container during selection animation

    March 3, 2026

    Five Reasons to attend SQLCon | Microsoft Fabric Blog

    March 3, 2026
    About Us
    About Us

    Welcome To big tee tech hub. Big tee tech hub is a Professional seo tools Platform. Here we will provide you only interesting content, which you will like very much. We’re dedicated to providing you the best of seo tools, with a focus on dependability and tools. We’re working to turn our passion for seo tools into a booming online website. We hope you enjoy our seo tools as much as we enjoy offering them to you.

    Don't Miss!

    How reversibility becomes irreversible – Physics World

    March 3, 2026

    Khamenei killing: Is it legal to target a head of state in war?

    March 3, 2026

    Subscribe to Updates

    Get the latest technology news from Bigteetechhub about IT, Cybersecurity and Big Data.

      • About Us
      • Contact Us
      • Disclaimer
      • Privacy Policy
      • Terms and Conditions
      © 2026 bigteetechhub.All Right Reserved

      Type above and press Enter to search. Press Esc to cancel.