Bug 183030

Summary: [GTK] Rendering issue with Google Calendar notification details
Product: WebKit Reporter: Xabier Rodríguez Calvar <calvaris>
Component: WebCore Misc.Assignee: Alejandro G. Castro <alex>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bugs-noreply, cadubentzen, cgarcia, clopez, magomez, mcatanzaro, otte
Priority: P2    
Version: Other   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Screenshot
none
Firefox rendering
none
Patch
none
Test to reproduce
none
Test to reproduce none

Description Xabier Rodríguez Calvar 2018-02-22 02:46:02 PST
Created attachment 334445 [details]
Screenshot

Steps:

1. Open Google Calendar
2. Open the details of an event
3. Check the notifications
Comment 1 Xabier Rodríguez Calvar 2018-02-22 02:46:35 PST
Created attachment 334446 [details]
Firefox rendering
Comment 2 Xabier Rodríguez Calvar 2018-02-22 02:47:20 PST
This happens with 2.19.90.
Comment 3 Alejandro G. Castro 2018-03-01 05:58:18 PST
Created attachment 334811 [details]
Patch
Comment 4 Alejandro G. Castro 2018-03-01 06:14:26 PST
Comment on attachment 334811 [details]
Patch

I added the patch here by mistake, sorry.
Comment 5 Miguel Gomez 2018-05-04 07:33:16 PDT
Actually I can see the rendering messed up in the whole page, and even a crash sometimes, with minibrowser and ToT
Comment 6 Carlos Bentzen 2018-05-08 05:56:51 PDT
Created attachment 339810 [details]
Test to reproduce

The test attached reproduces the situation here on Epiphany nightly and Minibrowser.

The problem is the SpinButton from GTK theme which has pretty large dimensions, so to work around this, the GTK port resizes the text field element (or at least tries to) to avoid cases like this that hide the text field area. However, in some cases the resize doesn't work, like in Google Calendar notification example and the isolated reproduction.

To continue using the GTK themes in those cases we could override RenderTheme::shouldHaveSpinButton to not draw the spinbuttons in those cases, I think. Otherwise, what about dropping the spinbutton from GTK and draw arrows like Firefox/Chromium does? (I think prior to GTK 3.20.0 it was doing it)
Comment 7 Carlos Bentzen 2018-05-08 05:58:50 PDT
Created attachment 339811 [details]
Test to reproduce

Ops, I sent a wrong attachment. This is the right one.
Comment 8 Michael Catanzaro 2018-06-01 10:43:54 PDT
(In reply to Carlos Eduardo Ramalho from comment #6)
> To continue using the GTK themes in those cases we could override
> RenderTheme::shouldHaveSpinButton to not draw the spinbuttons in those
> cases, I think. Otherwise, what about dropping the spinbutton from GTK and
> draw arrows like Firefox/Chromium does? (I think prior to GTK 3.20.0 it was
> doing it)

Either option seems OK. Using the GTK theme where possible is nicer and more desirable... but we'd need to be confident that it's not going to break websites like this.
Comment 9 Michael Catanzaro 2018-06-15 07:31:07 PDT
This is bug #175067.

*** This bug has been marked as a duplicate of bug 175067 ***