Device, Method, and Graphical User Interface for Resizing Content Viewing and Text Entry Interfaces

A method, comprising:

• at an electronic device with a touch-sensitive display:
• displaying a text entry interface area on the touch-sensitive display, the text entry interface area being displayed at a first predefined size for the text entry interface area, the text entry interface area including a soft keyboard when displayed at the first predefined size for the text entry interface area;
• concurrently displaying a viewing area adjacent to the text entry interface area on the touch-sensitive display, the viewing area configured to display scrollable information that includes information entered via the text entry interface, the viewing area being displayed at a first size for the viewing area;
• detecting a first finger gesture on the touch-sensitive display, the first finger gesture including a continuous finger contact that starts in the viewing area, moves in a first direction towards the text entry interface area, contacts a predefined boundary associated with the text entry interface area, and continues to move in the first direction after contacting the predefined boundary;
• in response to detecting the continuous finger contact starting in the viewing area and moving in the first direction towards the text entry interface area prior to contacting the predefined boundary:
• scrolling information displayed in the viewing area;
• maintaining the first size of the viewing area;
• and
• maintaining the first predefined size of the text entry interface area;
• and,
• in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary:
• continuing to scroll information displayed in the viewing area;
• increasing the viewing area from the first size of the viewing area to a second size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact;
• and
• scrolling the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area to a second size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a touch-sensitive display, cause the device to:

• display a text entry interface area on the touch-sensitive display, the text entry interface area being displayed at a first predefined size for the text entry interface area, the text entry interface area including a soft keyboard when displayed at the first predefined size for the text entry interface area;
• concurrently display a viewing area adjacent to the text entry interface area on the touch-sensitive display, the viewing area configured to display scrollable information that includes information entered via the text entry interface, the viewing area being displayed at a first size for the viewing area;
• detect a first finger gesture on the touch-sensitive display, the first finger gesture including a continuous finger contact that starts in the viewing area, moves in a first direction towards the text entry interface area, contacts a predefined boundary associated with the text entry interface area, and continues to move in the first direction after contacting the predefined boundary;
• in response to detecting the continuous finger contact starting in the viewing area and moving in the first direction towards the text entry interface area prior to contacting the predefined boundary:
• scroll information displayed in the viewing area;
• maintain the first size of the viewing area;
• and
• maintain the first predefined size of the text entry interface area;
• and,
• in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary:
• continue to scroll information displayed in the viewing area;
• increase the viewing area from the first size of the viewing area to a second size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact;
• and
• scroll the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area to a second size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

A graphical user interface on an electronic device with a touch-sensitive display, a memory, and one or more processors to execute one or more programs stored in the memory, the graphical user interface comprising:

• a text entry interface area on the touch-sensitive display, the text entry interface area being displayed at a first predefined size for the text entry interface area, the text entry interface area including a soft keyboard when displayed at the first predefined size for the text entry interface area;
• a viewing area concurrently displayed adjacent to the text entry interface area on the touch-sensitive display, the viewing area configured to display scrollable information that includes information entered via the text entry interface, the viewing area being displayed at a first size for the viewing area;
• wherein:
• a first finger gesture is detected on the touch-sensitive display, the first finger gesture including a continuous finger contact that starts in the viewing area, moves in a first direction towards the text entry interface area, contacts a predefined boundary associated with the text entry interface area, and continues to move in the first direction after contacting the predefined boundary;
• in response to detection of the continuous finger contact starting in the viewing area and moving in the first direction towards the text entry interface area prior to contacting the predefined boundary:
• information displayed in the viewing area is scrolled;
• the first size of the viewing area is maintained;
• and
• the first predefined size of the text entry interface area is maintained;
• and,
• in response to detection of the continuous finger contact continuing to move in the first direction after contacting the predefined boundary:
• scrolling of information displayed in the viewing area is continued;
• the viewing area is increased from the first size of the viewing area to a second size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact;
• and
• the text entry interface area is scrolled to reduce the displayed text entry interface area from the first predefined size of the text entry interface area to a second size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.