I'm designing an app that will require the user to select a single item from a scrollable list and add it to a chat box that resides at bottom of a chat panel.
For wider screen web/tablet/iPad interfaces, I'll probably use drag-drop to add the item from the list with the list being on either left hand side (LHS) or right hand side (RHS) of the chat dialogue.
For smaller phone sized screens, the screen width will probably prevent having a LHS/RHS list panel. I could have a pull down list panel at the top but this would probably clash with existing pull-down on iPhone so I'm after some alternative design ideas to solve this.
We will have a number of different type of objects we can add to a chat session so it could be integrated into [+] button beside the chat box.
Users may switch from iPad to iPhone (or Android or web) so visual cues need to feel familiar and related as they transition between devices.
If you know of an existing app that solves this problem or you may have a specific solution in mind. Thanks very much!
P.S. I'm aware of this related question but it does not work for my app: - What is a small screen alternative for drag and drop?