Open Bug 268500 Opened 20 years ago Updated 2 years ago

Background clipped on input element

Categories

(Core :: Layout: Images, Video, and HTML Frames, defect)

Product:
Core
Component:
Layout: Images, Video, and HTML Frames
Version:
1.9.1 Branch
Platform:
x86
Windows XP
Type:
defect

Tracking

()

People

(Reporter: dhtmlkitchen, Unassigned)

Details

(Whiteboard: bugday0420)

Attachments

(3 files, 2 obsolete files)

left image that is clipped (for html attach)
221 bytes, image/gif
Details
Right background-image
437 bytes, image/gif
Details
Test of background clipped on input element (test me)
1.37 KB, text/html
Details 
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20041001 Firefox/0.10.1

If the input element has a negative margin, mozilla will clip the bottom part of
the image below the text.

Reproducible: Always
Steps to Reproduce:
1. View attached file.
2.
3.

Actual Results:  
background-image of input elem is clipped.

Expected Results:  
bg should NOT be clipped.

Expected result in Opera but not in IE6.
Attached image Right background-image — 

    
    

    
  


  
Please test this file.

    
    

    
  
Comment on attachment 165223 [details]
Test of background clipped on input element (test me)


<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>
	      Test Input Element
    </title>
    <style type="text/css">

      <![CDATA[ 
    div.pri-r {    
	border: 0;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	position: relative;
	background:
url(https://bugzilla.mozilla.org/attachment.cgi?id=165222&action=view)
no-repeat top right;
	float: right;
	height: 22px;
    }

    #pri-link {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px;
	margin: 0 0 -12px -5px;
	border-style: hidden;
	border-width: 0;
	background:
url(https://bugzilla.mozilla.org/attachment.cgi?id=165221&action=view)
no-repeat top left;
	cursor: default;
	text-align: center;
    }

  /* this is to accomodate for IE's OS-specific "padding" on submit buttons */
    * html #pri-link {
	margin: 0 -52px 0 -5px;
	text-align: left;
     }




       ]]>
    </style>


</head>

<body>




    <div class="pri-r">
	<input type="submit" id="pri-link" value="test input element" />
    </div>

	</body>
</html>

    
    

    
  

      
      
      
      

        Attached file
          
        Try this one instead! (obsolete)
        — 
      

    


  

    
    

    
  


  

        Attachment #165223 -
        Attachment is obsolete: true

        Attachment #165226 -
        Attachment is obsolete: true

    
    

    
  
So what is the bug here?  The last attachment renders fine in a current trunk
build as far as I can tell...

    
    

    
  
(In reply to comment #7)
> So what is the bug here?  The last attachment renders fine in a current trunk
> build as far as I can tell...

The background image of the left-cap is missing a small bite out of the lower
left corner. about 2px square. 
Product: Browser → Seamonkey

    
    

    
  
Is that with a trunk build?  If so, this seems to be windows-only -- I don't see
that issue on Linux.

    
    

    
  
MASS-CHANGE:
This bug report is registered in the SeaMonkey product, but has been without a comment since the inception of the SeaMonkey project. This means that it was logged against the old Mozilla suite and we cannot determine that it's still valid for the current SeaMonkey suite. Because of this, we are setting it to an UNCONFIRMED state.

If you can confirm that this report still applies to current SeaMonkey 2.x nightly builds, please set it back to the NEW state along with a comment on how you reproduced it on what Build ID, or if it's an enhancement request, why it's still worth implementing and in what way.
If you can confirm that the report doesn't apply to current SeaMonkey 2.x nightly builds, please set it to the appropriate RESOLVED state (WORKSFORME, INVALID, WONTFIX, or similar).
If no action happens within the next few months, we move this bug report to an EXPIRED state.

Query tag for this change: mass-UNCONFIRM-20090614
Status: NEW → UNCONFIRMED

    
    

    
  
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.10pre) Gecko/20100419 SeaMonkey/2.0.5pre - Build ID: 20100419001026

In reply to comment #9: I do see the bug on linux. There is a small square dent, let's say 2x2 square millimeters or so, at bottom left of the orange area when viewing attachment 165227 [details]

Moving to Core::Layout:Images. Please reassign if wrong component.
Assignee: general → nobody
Status: UNCONFIRMED → NEW
Component: General → Layout: Images
Ever confirmed: true
Product: SeaMonkey → Core
QA Contact: general → layout.images
Whiteboard: bugday0420
Version: Trunk → 1.9.1 Branch

    
  
Product: Core → Core Graveyard

    
  
Product: Core Graveyard → Core

    
  
Severity: normal → S3

          You need to log in
          before you can comment on or make changes to this bug.
        






  

    
  







  

    

      
Attachment

      

      
      
      
      
    

    

      

        

          

            
General

            

              Creator: 



            

            
Created: 

            
Updated: 

            
Size: