Fix ChatChannelView keyboard background not using color from palette (#845)

nuno-vieira · web-flow · commit c03aa36bb328 · 2025-05-30T12:04:14.000Z
* Fix `ChatChannelView` keyboard background not using color from palette

* Update CHANGELOG.md

* Apply color to iPads as well

* Fix E2E Test
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,7 +3,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 # Upcoming
 
-### 🔄 Changed
+### 🐞 Fixed
+- Fix `ChatChannelView` keyboard background not using color from palette [#845](https://github.com/GetStream/stream-chat-swiftui/pull/845)
 
 # [4.79.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.79.0)
 _May 29, 2025_
diff --git a/Sources/StreamChatSwiftUI/ChatChannel/ChatChannelView.swift b/Sources/StreamChatSwiftUI/ChatChannel/ChatChannelView.swift
@@ -190,14 +190,13 @@ public struct ChatChannelView<Factory: ViewFactory>: View, KeyboardReadable {
             }
         })
         .background(
-            isIphone ?
-                Color.clear.background(
-                    TabBarAccessor { _ in
-                        self.tabBarAvailable = utils.messageListConfig.handleTabBarVisibility
-                    }
-                )
-                .allowsHitTesting(false)
-                : nil
+            Color(colors.background).background(
+                TabBarAccessor { _ in
+                    self.tabBarAvailable = utils.messageListConfig.handleTabBarVisibility
+                }
+            )
+            .ignoresSafeArea(.keyboard)
+            .allowsHitTesting(false)
         )
         .padding(.bottom, keyboardShown || !tabBarAvailable || generatingSnapshot ? 0 : bottomPadding)
         .ignoresSafeArea(.container, edges: tabBarAvailable ? .bottom : [])
