[4.1.3] Spotlight doesn't mask, but causes scrollbars to be appeared

**Daniil** · 15 Nov 2012 12:31 AM

REQUIRED INFORMATION

Ext version tested:

Ext 4.1.3

Browser versions tested against:

Chrome
IE9

DOCTYPE tested against:

<!DOCTYPE html>

Description:

Spotlight appears to be no working in the test case below (apologize if I used it wrong).

Steps to reproduce the problem:

Click the Spot button

The result that was expected:

The Spotlight effect

The result that occurs instead:

No the spotlight effect. But scrollbars appear.

Test Case:

Code:

<!DOCTYPE html>
<html>
<head>
    <title>Spotlight</title>

    <link type="text/css" rel="stylesheet" href="../resources/css/ext-all.css" />
    
    <script type="text/javascript" src="../ext-all-debug.js"></script>
    <script type="text/javascript" src="../examples/ux/Spotlight.js"></script>

    <script type="text/javascript">
        Ext.onReady(function () {
           var spot = Ext.create("Ext.ux.Spotlight", {
                duration: 300,
                easing: "easeOut"
            });

            Ext.create("Ext.panel.Panel", {
                id: "panel1",
                renderTo: Ext.getBody(),
                height: 200,
                width: 200,
                html: "Some Content"
            });

            Ext.create("Ext.button.Button", {
                renderTo: Ext.getBody(),
                text: "Spot",                
                handler: function () {
                    spot.show("panel1");
                }
            });            
        });
    </script>
</head>
<body>

</body>
</html>

**mitchellsimoens** · 15 Nov 2012 10:31 AM

Thanks for the report! I have opened a bug in our bug tracker.

**evant** · 1 Jan 2013 4:37 PM

The CSS that's in the page is also required for the mask to show up.

**Daniil** · 1 Jan 2013 11:54 PM

Thank you, Evan.

Apologize for wasting your time.

[4.1.3] Spotlight doesn't mask, but causes scrollbars to be appeared

Thread Tools

Search Thread

Display

[4.1.3] Spotlight doesn't mask, but causes scrollbars to be appeared

[4.1.3] Spotlight doesn't mask, but causes scrollbars to be appeared