fix: broken chats (#8983)
* Fix broken chats
Co-authored-by: @ltlapy
* 🎨
			
			
This commit is contained in:
		
							parent
							
								
									43ee600fb3
								
							
						
					
					
						commit
						e371120c8b
					
				
					 2 changed files with 18 additions and 18 deletions
				
			
		|  | @ -197,8 +197,9 @@ const prepend = (item: Item): void => { | ||||||
| 	if (props.pagination.reversed) { | 	if (props.pagination.reversed) { | ||||||
| 		if (rootEl.value) { | 		if (rootEl.value) { | ||||||
| 			const container = getScrollContainer(rootEl.value); | 			const container = getScrollContainer(rootEl.value); | ||||||
| 			if (container == null) return; // TODO? | 			if (container == null) { | ||||||
| 
 | 				// TODO? | ||||||
|  | 			} else { | ||||||
| 				const pos = getScrollPosition(rootEl.value); | 				const pos = getScrollPosition(rootEl.value); | ||||||
| 				const viewHeight = container.clientHeight; | 				const viewHeight = container.clientHeight; | ||||||
| 				const height = container.scrollHeight; | 				const height = container.scrollHeight; | ||||||
|  | @ -215,6 +216,7 @@ const prepend = (item: Item): void => { | ||||||
| 					} | 					} | ||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
|  | 		} | ||||||
| 		items.value.push(item); | 		items.value.push(item); | ||||||
| 		// TODO | 		// TODO | ||||||
| 	} else { | 	} else { | ||||||
|  |  | ||||||
|  | @ -292,6 +292,7 @@ definePageMetadata(computed(() => !fetching ? user ? { | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .mk-messaging-room { | .mk-messaging-room { | ||||||
| 	position: relative; | 	position: relative; | ||||||
|  | 	overflow: auto; | ||||||
| 
 | 
 | ||||||
| 	> .body { | 	> .body { | ||||||
| 		.more { | 		.more { | ||||||
|  | @ -335,10 +336,7 @@ definePageMetadata(computed(() => !fetching ? user ? { | ||||||
| 		z-index: 2; | 		z-index: 2; | ||||||
| 		bottom: 0; | 		bottom: 0; | ||||||
| 		padding-top: 8px; | 		padding-top: 8px; | ||||||
| 
 | 		bottom: calc(env(safe-area-inset-bottom, 0px) + 8px); | ||||||
| 		@media (max-width: 500px) { |  | ||||||
| 			bottom: calc(env(safe-area-inset-bottom, 0px) + 92px); |  | ||||||
| 		} |  | ||||||
| 
 | 
 | ||||||
| 		> .new-message { | 		> .new-message { | ||||||
| 			width: 100%; | 			width: 100%; | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue